dialog.checkout{--radius: 5px;--item-border: 1px solid hsl(0, 0%, 90%);--item-border-hover: 1px solid hsl(0, 0%, 70%);--item-padding: 8px 10px;--font-size: 15px;--padding: 1rem;--input-bg: white;--color: rgb(48, 49, 61);--pink: hsl(293.71deg 100% 50% / 25%);--focusBoxShadow: 0 0 2px 2px var(--pink), 0 0 0 1px var(--pink);--font-family: "Geist Mono", "MD IO", "JetBrains Mono", "Inconsolata", "MartianMonoVF", "Source Code Pro", "Monaspace Krypton", "Operator Mono", "SauceCodePro Nerd Font", "Berkeley Mono", ui-monospace, monospace;width:100%;width:100dvw;font-size:initial;max-width:none;max-height:none;height:100%;transition:opacity .3s;background:none;transition:display .34s allow-discrete,overlay .34s allow-discrete}dialog.checkout>div{border-radius:var(--radius);scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin;margin:5dvh auto;overflow:scroll;width:700px;max-width:90dvw;max-height:90dvh;min-height:20vh;background:#fff;padding:20px;box-shadow:0 5px 10px #0003;transition:transform .34s,opacity .34s;transform:translateY(100vh) rotate(2deg)}[open] :is(dialog.checkout>div){opacity:1;transform:translateY(0)}@starting-style{[open] :is(dialog.checkout>div){transform:translateY(-100vh) rotate(2deg)}}html:has(dialog.checkout:modal){overflow:hidden}dialog.checkout::backdrop{background:#000;opacity:0;transition:all .7s allow-discrete}dialog.checkout[open]::backdrop{opacity:.69}@starting-style{{opacity:0}}dialog.checkout h1,dialog.checkout h2,dialog.checkout h3,dialog.checkout h4,dialog.checkout h5,dialog.checkout h6,dialog.checkout p,dialog.checkout ul,dialog.checkout li,dialog.checkout ol,dialog.checkout dl,dialog.checkout dt,dialog.checkout dd,dialog.checkout blockquote,dialog.checkout figure,dialog.checkout label,dialog.checkout pre{all:unset;font-family:var(--font-family);box-sizing:border-box;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}dialog.checkout h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}dialog.checkout fieldset[disabled]{opacity:.3;pointer-events:none;cursor:wait;animation:pulseOpacity 1.5s infinite ease-in-out alternate}dialog.checkout input,dialog.checkout button,dialog.checkout select,dialog.checkout textarea{font-family:var(--font-family)}dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]),dialog.checkout textarea{padding:var(--item-padding);border-radius:var(--radius);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:#f1f1f1;background:#fff;border:var(--item-border);line-height:1}dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]):hover,dialog.checkout textarea:hover{border:var(--item-border-hover)}dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]):focus,dialog.checkout textarea:focus{outline:none;border-color:var(--pink);box-shadow:var(--focusBoxShadow)}dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]):user-invalid,dialog.checkout textarea:user-invalid{border-color:red}dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]):-webkit-autofill,dialog.checkout input:is([type=text],[type=email],[type=password],[type=number]):autofill,dialog.checkout input:is([type=text],[type=email],[type=password],[type=number])[data-com-onepassword-filled],dialog.checkout textarea:-webkit-autofill,dialog.checkout textarea:autofill,dialog.checkout textarea[data-com-onepassword-filled]{-webkit-background-clip:text!important}dialog.checkout div[class$=control]{border:var(--item-border);border-radius:var(--radius)}dialog.checkout div[class$=control] input:focus{box-shadow:none}dialog.checkout div[class$=control]:hover{border:var(--item-border-hover)}dialog.checkout textarea{--padding: 10px;min-height:calc(2lh + 2 * var(--padding));max-height:calc(4lh + 2 * var(--padding));field-sizing:content;line-height:1.5;padding:var(--padding);padding-inline:calc(var(--padding) + (1lh - 1ex) / 2);margin-top:5px;font-size:12px;resize:none;scrollbar-color:black transparent;scrollbar-width:thin}dialog.checkout input.decoy{width:1px;height:1px;padding:0;opacity:0;position:absolute;pointer-events:none}dialog.checkout label{display:block;margin-bottom:.25rem;color:var(--color);font-size:var(--font-size)}dialog.checkout button[type=submit]{padding:10px;border-radius:var(--radius);background:#ffc600;color:#000;border:none;width:100%;cursor:pointer;font-size:var(--font-size);font-size:20px}dialog.checkout pre{white-space:pre-wrap}dialog.checkout .checkout-collection{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:20px}dialog.checkout label.terms{display:flex;align-items:center;margin:0}dialog.checkout p.confetti{font-size:10px;text-align:center;width:100%;font-style:italic;margin:0}dialog.checkout .accordian-item{margin-top:4px;margin-bottom:4px;border:var(--item-border);padding:6px 12px;border-radius:var(--radius);cursor:not-allowed;display:flex;place-items:center;gap:12px}dialog.checkout .accordian-item span.circle{content:"";--size: 15px;width:var(--size);height:var(--size);display:inline-block;border:1.5px solid rgb(109,110,120);border-radius:50%}dialog.checkout .accordian-item img{height:12px}dialog.checkout .accordian-item p{color:#6d6e78;font-size:14px}dialog.checkout .terms-and-coupon{display:grid;padding:10px 0;grid-template-columns:1fr 1fr}dialog.checkout .terms-and-coupon label{font-size:12px}dialog.checkout .terms-and-coupon a{text-decoration:underline}dialog.checkout .terms-and-coupon input[type=checkbox]{width:20px;height:20px;margin-right:5px}dialog.checkout .coupon-input{position:relative;display:grid;place-content:flex-end;flex-wrap:wrap;font-size:12px;align-items:center;gap:2px;--radius: 4px}dialog.checkout .coupon-input .coupon-input-wrap{position:relative;display:grid;grid-template-columns:auto auto;justify-content:end}dialog.checkout .coupon-input .coupon-input-wrap.coupon-loading{opacity:.5}dialog.checkout .coupon-input input{text-transform:uppercase;width:120px;padding:5px 10px;border-radius:var(--radius) 0 0 var(--radius)}dialog.checkout .coupon-input button{border-radius:3px;background:#000;color:#fff;padding:5px;font-size:10px;padding-block:0;border-radius:0 var(--radius) var(--radius) 0}dialog.checkout .coupon-input .coupon-state-0{color:#8d3c23;font-size:10px}dialog.checkout .coupon-input .coupon-state-1{color:#03ae03;font-size:10px}dialog.checkout button{border:0;box-shadow:none;font:inherit}dialog.checkout fieldset{border:inherit;padding:inherit}dialog.checkout button[type=submit].close{display:block;background:none;width:30px;cursor:pointer;position:fixed;top:0;right:0;border-radius:50%;line-height:1;padding:0;aspect-ratio:1 / 1}dialog.checkout footer{font-size:12px;border-top:var(--item-border);text-align:center;padding-top:var(--padding);margin-top:var(--padding);display:grid;gap:10px}dialog.checkout .error{font-size:12px;border-left:2px solid red;background:#f9d6d5;padding:5px 5px 5px 10px;margin-bottom:10px}dialog.checkout .error p+p{margin-top:5px}html{scrollbar-gutter:stable}iframe.component-frame{border-radius:12px}canvas#confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}dialog.checkout{--radius: 10px}dialog.checkout .checkout-success{text-align:center;display:grid;text-wrap:balance;gap:10px}dialog.checkout .checkout-success h2{font-size:80px;line-height:1;font-family:system-ui,sans-serif;font-weight:900;margin:0}dialog.checkout .checkout-success img.banner{border-radius:20px}dialog.checkout .checkout-success .commit{border:1px solid #efefef;background:#f9f9f9;padding:10px;border-radius:var(--radius);display:grid;gap:10px}dialog.checkout .checkout-success .share{display:flex;gap:20px;margin:5px 0}dialog.checkout .checkout-success .share a{flex:1 0 auto;padding:10px;border-radius:5px;font-weight:600;font-size:16px}dialog.checkout .checkout-success .share a[href*="x.com"],dialog.checkout .checkout-success .share a[href*="twitter.com"]{background-color:#000;color:#fff}dialog.checkout .checkout-success .share a[href*="facebook.com"]{background-color:#0866ff;color:#fff}dialog.checkout .checkout-success .share a[href*="linkedin.com"]{background-color:#0a66c2;color:#fff}dialog.checkout .checkout-success .small{font-size:13px;font-weight:900}dialog.checkout .success-controls{display:grid;place-items:center;gap:20px}dialog.checkout .success-controls button{padding:10px 20px;font-size:10px;border-radius:var(--radius);background:none;color:#000;border:none;cursor:pointer;background:#ffc600;font-weight:600}@keyframes pulseOpacity{50%{opacity:.6}}.loading{position:absolute;width:100%;top:0;left:0;z-index:2;height:min(100vh,100%);display:grid;place-items:center}.loader{width:80px;aspect-ratio:1;display:grid}.loader:before,.loader:after{content:"";margin:5px;border-radius:50%;background:var(--yellow, #ffc600);grid-area:1/1;-webkit-mask-size:100% 20px,100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-composite:destination-out;mask-composite:exclude}.loader:before{-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);animation:blob1 2s infinite}.loader:after{-webkit-mask-image:linear-gradient(#000 0 0);animation:blob1 2s infinite,blob2 .5s infinite cubic-bezier(.5,200,.5,-200)}@keyframes blob1{0%{-webkit-mask-position:0 20%,0 0}20%{-webkit-mask-position:0 80%,0 0}40%{-webkit-mask-position:0 100%,0 0}60%{-webkit-mask-position:0 0%,0 0}80%{-webkit-mask-position:0 35%,0 0}to{-webkit-mask-position:0 0,0 0}}@keyframes blob2{to{transform:translate(.1px)}}