.boxab{cursor:pointer;border:none;border-radius:var(--radius-sm);background:transparent;-webkit-tap-highlight-color:transparent;padding:9px 12px;margin:0;height:fit-content;color:#393939;width:fit-content;-webkit-user-select:none;user-select:none;transition:.3s;position:relative}.boxButton_insideFlex{display:flex;align-items:center;width:fit-content;justify-content:space-evenly;margin:0;padding:0;height:30px;gap:8px}.containRightBacka{transform:rotate(-180deg);padding-top:4px}.tightPad{padding:3px 10px}.fullWidth{width:100%;display:flex;justify-content:space-evenly;align-items:center}.boxButton_iconWrapper{height:fit-content}.pattswayButtonText{padding-top:2px;line-height:1;font-weight:450;transition:.3s;white-space:nowrap}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}.shake{animation:shake .3s}.stockButton,.stockButton:hover{background-color:#1b1b1b}.stockButton .pattswayButtonText{color:#f7f7f7}.whiteButton{background-color:#eee}.whiteButton:hover{background-color:#fdfdfd;box-shadow:0 0 10px #ffffff57}.opacityIncrease{opacity:.7;padding:0}.opacityIncrease:hover{opacity:1}.whiteOpacityIncrease{opacity:.7;padding:0}.whiteOpacityIncrease:hover{opacity:1}.whiteOpacityIncrease .pattswayButtonText{color:#f7f7f7}.addIconPad{margin-right:6px}.transparentBack{opacity:1}.lightBack{background-color:var(--color-lightgray)}.lightBack p{color:var(--text-color-dark)}.lightBack:hover{background-color:var(--color-mediumGray)}.gray{background-color:#c2c2c2}.whiteToGray{opacity:.7}.whiteToGray:hover{background-color:var(--border-light);opacity:1}.whiteBordered{opacity:1;border:var(--border-light)}.whiteBordered:hover{background-color:var(--border-color-light);border:1px solid #1b1b1b;background-color:#1b1b1b}.whiteBordered:hover p{color:#f7f7f7}.boxab:disabled{opacity:.5;cursor:auto;box-shadow:none}.roundedWhite{border:1px solid lightgray;background-color:transparent;border-radius:50px;padding:0 12px 1px;transition:.3s}.roundedWhite .pattswayButtonText{line-height:1}.roundedWhite:hover{background-color:#323232}.roundedWhite:hover .pattswayButtonText{color:#f7f7f7}@media (pointer: coarse){.opacityIncrease{opacity:1}.roundedWhite{background-color:transparent}}@media (hover: hover) and (pointer: fine){.roundedWhite:hover{background-color:#323232}.roundedWhite:hover .pattswayButtonText{color:#f7f7f7}}@media (hover: none),(pointer: coarse){.roundedWhite:hover,.roundedWhite:focus,.roundedWhite:focus-visible{background-color:transparent;outline:none;box-shadow:none}.roundedWhite:hover .pattswayButtonText,.roundedWhite:focus .pattswayButtonText,.roundedWhite:focus-visible .pattswayButtonText{color:inherit}}