:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{all:unset;width:100%;height:100%}body{background-color:#dfe5f2;font-family:DM Sans,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}:root{--padding: 1rem}@property --dot-color{syntax: "<color>"; inherits: false; initial-value: #80808080;}.main-page{width:100%;height:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.main-page h1{margin:0;text-align:center}.main-page>form{background-color:#fff;background-image:radial-gradient(var(--dot-color) 1px,transparent 0);background-size:1rem 1rem;background-position:50% 50%;border:2px solid black;box-shadow:#0000 0 0,#0000 0 0,#000 4px 4px;width:min(calc(90% - var(--padding) * 2),600px);padding:var(--padding);display:flex;flex-direction:column;align-items:center}.main-page>form .google-wallet-button{margin:1rem;background-color:transparent;border:0px;padding:0;box-shadow:none}@keyframes translate{0%{background-position:0% 50%}to{background-position:50% 50%}}:root{--placeholder-font-size: 1rem;--focus-font-size: 13.2px}.input{width:100%;position:relative;display:inline-flex;flex-direction:column;min-width:0;padding:0;border:0;vertical-align:top}.input label{color:#000;font-size:1rem;line-height:1.4375em;letter-spacing:.00938em;position:absolute;left:0;top:0;z-index:1;pointer-events:none;padding:0;display:block;overflow:hidden;text-overflow:ellipsis;transform-origin:left top 0px;white-space:nowrap;transition:color .2s cubic-bezier(0,0,.2,1),transform .2s cubic-bezier(0,0,.2,1),max-width .2s cubic-bezier(0,0,.2,1);max-width:calc(100% - 24px);transform:translate(14px,16px) scale(1)}.input>div{background-color:#fff;font-size:1rem;line-height:1.4375;letter-spacing:.00938em;box-sizing:border-box;-moz-box-align:center;display:inline-flex;align-items:center;position:relative;border-radius:6px;cursor:text}.input>div>span{display:flex;-moz-box-align:center;align-items:center;white-space:nowrap;margin-left:8px}.input>div input{font:inherit;letter-spacing:inherit;color:currentColor;border:0px;box-sizing:content-box;background:none;height:1.4375rem;margin:0;display:block;min-width:0;width:100%;padding:16.5px 14px}.input>div input[type=number]:where(::-webkit-inner-spin-button,::-webkit-outer-spin-button){appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:0}.input>div input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.input>div input:focus{outline:0px}.input>div input[type=color]{cursor:pointer}.input>div fieldset{text-align:left;position:absolute;padding:0 8px;pointer-events:none;border-radius:inherit;min-width:0;border:1px solid black;top:-5px;right:0;bottom:0;left:0;margin:0}.input>div fieldset legend{float:unset;width:auto;overflow:hidden;display:block;padding:0;height:11px;font-size:.75rem;visibility:hidden;max-width:.01px;transition:max-width 50ms cubic-bezier(0,0,.2,1) 0ms;white-space:nowrap}.input>div fieldset legend span{padding-left:5px;padding-right:5px;display:inline-block;opacity:0;visibility:visible}.input p{margin:4px 0 0;font-size:.75rem;text-align:left;letter-spacing:.03333em;line-height:1.66;min-height:1.25rem;display:flex}.input p span:nth-child(1){margin-left:auto;height:fit-content;font-weight:700}.input:focus-within fieldset:before{position:absolute;content:"";width:calc(100% + 14px);height:calc(100% + 20px);left:-9px;top:-14px;border:2px solid black;z-index:0;border-radius:inherit}.input:focus-within label,.input:has(input:not([value=""])) label{-webkit-user-select:none;user-select:none;pointer-events:auto;max-width:calc(133% - 32px);transform:translate(14px,-9px) scale(.75)}.input:focus-within fieldset,.input:has(input:not([value=""])) fieldset{border-width:2px}.input:focus-within legend,.input:has(input:not([value=""])) legend{transition:max-width .1s cubic-bezier(0,0,.2,1) 50ms;max-width:100%}@property --offset{syntax: "<length>"; inherits: false; initial-value: 4px;}.ui-button{display:flex;justify-content:center;align-items:center;border:2px solid black;border-radius:6px;cursor:pointer;background-color:#8ae;box-shadow:#0000 0 0,#0000 0 0,#000 var(--offset) var(--offset) 0 0;padding:.5rem 1rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-button:active{--offset: 0px;translate:4px 4px}.pass-builder{box-sizing:border-box;width:270px;overflow:hidden;border-radius:24px;font-size:14px;font-family:Roboto Flex,serif;font-weight:500;display:flex;flex-direction:column;color:#fff}.pass-builder header{width:100%;height:111px;margin-bottom:1rem}.pass-builder header .title-container{display:flex;align-items:center}.pass-builder header .title-container img{width:24px;height:24px;padding:6px;margin:6px 0 6px 6px}.pass-builder header .title-container span{padding:6px;margin-right:12px}.pass-builder header .divider{width:100%;height:1px;background-color:#ffffff15;margin-bottom:10px}.pass-builder header .subtitle-container{display:flex;flex-direction:column}.pass-builder header .subtitle-container span:nth-child(1){padding:1px 12px}.pass-builder header .subtitle-container span:nth-child(2){font-size:20px;padding:1px 12px;font-weight:400;line-height:30px;text-overflow:ellipsis;letter-spacing:0}.pass-builder section{width:100%;display:flex;flex-direction:column;align-items:center}.pass-builder section div{width:138px;height:138px;border-radius:12px;background-color:#fff;display:flex;justify-content:center;align-items:center}.pass-builder section div svg{width:110px;height:110px}.pass-builder>span{text-align:center;padding:4px 25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:10px}