@import 'https://fonts.googleapis.com/css?family=Dosis';.quantity{position:relative}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.quantity input{width:60px;height:44px;line-height:1.65;float:left;display:block;padding:0;margin:0;padding-left:20px;border:1px solid #eee}.quantity input:focus{outline:0}.quantity-nav{float:left;position:relative;height:42px}.quantity-button{position:relative;cursor:pointer;border-left:1px solid #eee;width:20px;text-align:center;background-color:#fff;border-radius:5px;color:#333;font-size:13px;font-family:trebuchet ms,Helvetica,sans-serif!important;line-height:1.7;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.quantity-button.quantity-up{position:absolute;height:50%;top:0;border-bottom:1px solid #eee}.quantity-button.quantity-down{position:absolute;bottom:-1px;height:50%}:root{--gutterSm:0.4rem;--gutterMd:0.8rem;--gutterLg:1.6rem;--gutterXl:2.4rem;--gutterXx:7.2rem;--colorPrimary400:#7e57c2;--colorPrimary600:#5e35b1;--colorPrimary800:#4527a0;--fontFamily:"Dosis", sans-serif;--fontSizeSm:12px;--fontSizeMd:1.6rem;--fontSizeLg:2.1rem;--fontSizeXl:2.8rem;--fontSizeXx:3.6rem;--lineHeightSm:1.1;--lineHeightMd:1.8;--transitionDuration:300ms;--transitionTF:cubic-bezier(0.645, 0.045, 0.355, 1);--inputPaddingV:var(--gutterMd);--inputPaddingH:var(--gutterLg);--inputFontSize:var(--fontSizeSm);--inputLineHeight:var(--lineHeightSm);--labelScaleFactor:0.8;--labelDefaultPosY:50%;--labelTransformedPosY:calc(
    (var(--labelDefaultPosY)) - 
    (var(--inputPaddingV) * var(--labelScaleFactor)) - 
    (var(--inputFontSize) * var(--inputLineHeight))
  );--inputTransitionDuration:var(--transitionDuration);--inputTransitionTF:var(--transitionTF)}*,*::before,*::after{box-sizing:border-box}.Wrapper{flex:0 0 80%;max-width:80%;margin-bottom:20px}.Title{margin:0 0 var(--gutterXx);padding:0;color:#fff;font-size:var(--fontSizeXx);font-weight:400;line-height:var(--lineHeightSm);text-align:center;text-shadow:-.1rem .1rem .2rem var(--colorPrimary800)}.input{position:relative}.input-text,.input-color-text{display:block;margin-top:5px;margin-left:5px;padding:8px;color:#000;width:210px;font-family:inherit;font-size:var(--inputFontSize);font-weight:inherit;line-height:var(--inputLineHeight);border:1px solid #ccc;border-radius:.4rem;transition:box-shadow var(--transitionDuration)}.input-text:focus{outline:none;box-shadow:.1rem .4rem 1.2rem var(--colorPrimary600)}.input-label{display:block;position:absolute;bottom:50%;left:1rem;color:#fff;font-family:inherit;font-size:var(--inputFontSize);font-weight:inherit;line-height:var(--inputLineHeight);opacity:0;transform:translate3d(0,var(--labelDefaultPosY),0)scale(1);transform-origin:0 0;transition:opacity var(--inputTransitionDuration)var(--inputTransitionTF),transform var(--inputTransitionDuration)var(--inputTransitionTF),visibility 0ms var(--inputTransitionDuration)var(--inputTransitionTF),z-index 0ms var(--inputTransitionDuration)var(--inputTransitionTF)}.input-text:placeholder-shown+.Input-label{visibility:hidden;z-index:-1}.input-text:not(:placeholder-shown)+.Input-label,.input-text:focus:not(:placeholder-shown)+.Input-label{visibility:visible;z-index:1;opacity:1;transform:translate3d(0,var(--labelTransformedPosY),0)scale(var(--labelScaleFactor));transition:transform var(--inputTransitionDuration),visibility 0ms,z-index 0ms}.deepshadow{color:#e0dfdc;letter-spacing:.1em;text-shadow:0 -1px 0 #fff,0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212,0 22px 30px rgba(0,0,0,.9)}