#root{max-width:1280px;margin:0 auto;padding:2rem 2rem 0;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{display:flex;flex-direction:column;align-items:center;height:calc(100vh - 2rem)}.atm-body{background:#f1f0e7;width:430px;height:100%}.atm-user-interface{width:100%;display:flex;flex-direction:row;justify-content:space-between;margin:0}.atm-sign{display:flex;flex-direction:row;align-items:center;background:#126cae;padding:18px 40px;border-radius:14px;height:130px}.atm-screen{font-family:Kode Mono,monospace;z-index:1;border:8px solid #E7E7DC;background:#7eb4d5;margin-top:1rem;width:280px;height:280px}.atm-button-list-right{display:flex;flex-direction:column;justify-content:end;padding-right:13px;row-gap:12px;margin-bottom:20px}.atm-button-list-left{display:flex;flex-direction:column;justify-content:end;padding-left:13px;row-gap:12px;margin-bottom:20px}.atm-button-container{display:flex;flex-direction:row;justify-content:start;align-items:center}.atm-button-container .atm-button-decoration{z-index:3;position:relative;width:14px;height:3px;float:left;background:#ababa9}.atm-button-container .atm-button{z-index:2;height:25px;width:40px;background:#c1c1c1;border-top:2px solid #D4D4CF;border-bottom:2px solid #B0B0B0;border-radius:5px;border-left:none;border-right:none}.atm-button-container .atm-button:hover{background:#a1a1a1}.atm-option-container{display:flex;flex-direction:row;justify-content:start;align-items:center}.atm-option-container .atm-option-text{margin-inline:4px}.atm-option-container .atm-option-decoration{z-index:3;position:relative;width:14px;height:3px;vertical-align:middle;background:#fff}.atm-owner-name-text{display:flex;flex-direction:column;justify-content:center;margin-top:2.4rem}.atm-actions-left,.atm-actions-right{display:flex;flex-direction:column;row-gap:13px}.atm-actions-left{align-items:flex-start}.atm-actions-right{align-items:flex-end}.atm-actions{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:.78rem}.atm-screen-details-container{height:100%;display:flex;flex-direction:column;justify-content:space-between}.atm-custom-amount-body .atm-custom-amount-input{margin:1rem;background:transparent}.atm-custom-amount-body ::placeholder{color:#fff}.atm-header{margin-top:.8rem;height:1.2rem;width:237px;display:flex;margin-inline:auto;flex-direction:row;justify-content:space-between}.atm-header .atm-cards-banner{z-index:0;position:absolute;left:50%;margin-left:-118px}.atm-header .atm-card-element{width:3.1rem;z-index:1;background:#f1f0e7;opacity:.8}.atm-header .active{opacity:0}.atm-select-card-button{margin-top:3rem;padding:.5rem}.atm-systems-logo{margin-top:5px;display:flex;flex-direction:columns;justify-content:end;margin-right:4.77rem}.atm-sign-grafiti{z-index:1;position:absolute;left:50%}.atm-sticker-graffiti img{z-index:1;position:absolute;left:39%;top:70%;margin-left:-1.5rem}.atm-initial-screen-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.atm-initial-screen-container .atm-card-pin-input{display:flex;flex-direction:column;align-items:center;width:100%}.atm-initial-screen-container .atm-card-pin-input input{background:transparent}.atm-initial-screen-container .atm-card-pin-input input:focus{outline:none}.atm-initial-screen-container h2{font-size:1.85rem;text-align:center;margin:1.75rem .15rem}.atm-initial-screen-container .atm-enter-pin-text{margin-bottom:.78rem;display:flex;flex-direction:row;align-items:center;justify-content:end;font-weight:700}.atm-initial-screen-container .atm-enter-pin-text .atm-enter-pin-text-content{margin-right:5px}.atm-initial-screen-container .atm-enter-pin-text .atm-pin-text-decoration{z-index:3;position:relative;width:14px;height:3px;vertical-align:middle;background:#fff}