:root{--blackA1:rgba(0,0,0,0.012);--blackA2:rgba(0,0,0,0.027);--blackA3:rgba(0,0,0,0.047);--blackA4:rgba(0,0,0,0.071);--blackA5:rgba(0,0,0,0.09);--blackA6:rgba(0,0,0,0.114);--blackA7:rgba(0,0,0,0.141);--blackA8:rgba(0,0,0,0.22);--blackA9:rgba(0,0,0,0.439);--blackA10:rgba(0,0,0,0.478);--blackA11:rgba(0,0,0,0.565);--blackA12:rgba(0,0,0,0.91);--violet1:#fdfcfe;--violet2:#fbfaff;--violet3:#f5f2ff;--violet4:#ede9fe;--violet5:#e4defc;--violet6:#d7cff9;--violet7:#c4b8f3;--violet8:#aa99ec;--violet9:#6e56cf;--violet10:#644fc1;--violet11:#5746af;--violet12:#20134b;--green1:#fbfefc;--green2:#f2fcf5;--green3:#e9f9ee;--green4:#ddf3e4;--green5:#ccebd7;--green6:#b4dfc4;--green7:#92ceac;--green8:#5bb98c;--green9:#30a46c;--green10:#299764;--green11:#18794e;--green12:#153226;--mauve1:#fdfcfd;--mauve2:#f9f8f9;--mauve3:#f4f2f4;--mauve4:#eeedef;--mauve5:#e9e8ea;--mauve6:#e4e2e4;--mauve7:#dcdbdd;--mauve8:#c8c7cb;--mauve9:#908e96;--mauve10:#86848d;--mauve11:#6f6e77;--mauve12:#1a1523}.gifts-container{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;min-width:100vw;min-height:100vh;font-family:Roboto,sans-serif;background-color:#fff3ef;padding:50px 0;position:relative;overflow:hidden}.gifts-text-content{max-width:80%;margin-bottom:30px;z-index:999}.value-chooser-container{text-align:center;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;z-index:999}.value-button{padding:5px 10px;border-radius:5px;font-size:.9rem;font-weight:500;color:#6f3e3e;background-color:#fff3ef;border:2px solid #6f3e3e;cursor:pointer;outline:none;margin-bottom:5px}.value-button:not(:last-child){margin-right:10px}.value-button:hover{color:#6f3e3e;font-weight:700;background-color:#ffb6b6;opacity:70%}.value-button:active{color:#6f3e3e;background-color:#ffb6b6;opacity:80%}.selected-value-container{background:#fff;margin-bottom:30px;border:1px solid #000}.value-chooser-complement{max-width:80%;margin:10px 0}.selected-value{font-size:2.4rem;font-weight:700;color:#6f3e3e;margin:0;padding:10px 30px 10px 20px;border-left:20px solid #ffb6b6}.submit-button{padding:10px 15px;border-radius:5px;font-size:1.1rem;font-weight:600;color:#fff3ef;background-color:#a55d5d;border:2px solid #f3b8ba;cursor:pointer;outline:none}.submit-button:hover{opacity:80%}body{margin:0;padding:0}button,fieldset,input{all:unset}