.pos{border:0 solid #cfcfcf;--background: #33837e;--left-side: #016a5c;--card: #fff;--card-line: #bc9a64;--button-color-3: #bc9a64;--button-color-2: #cbbaa9;--button-color-1: #967b50;--post: #e8e8e8;--numbers: #838183;--decimals: #aaa9ab;--post-line: #757375;--post-line2: #545354;--dollar: #016a5c;--tw-shadow: 0 0 #0e0e0e;--tw-shadow-colored: 0 0 #0e0e0e;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;box-sizing:border-box}.pos p{color:#0e0e0e}.pos a:hover,.pos a:link,.pos a:visited,.pos a:active{color:#bc9a64}.pos .button-container{background-color:#fff;display:flex;width:400px;height:120px;position:relative;border-radius:6px;transition:.5s ease-in-out}.pos .button-container:before{width:200vw;position:absolute;top:0;left:-100vw;height:100%;content:""}.pos .button-container:hover{transform:scale(1.03);width:220px}.pos .button-container:hover .button-left-side{width:100%}.pos .button-left-side{background-color:var(--left-side);width:130px;height:120px;border-radius:4px;position:relative;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s;flex-shrink:0;overflow:hidden}.pos .button-right-side{width:calc(100% - 130px);display:flex;align-items:center;overflow:hidden;cursor:pointer;justify-content:space-between;white-space:nowrap;transition:.3s}.pos .button-right-side:hover{background-color:#fff}.pos .button-arrow{width:20px;height:20px;margin-right:20px}.pos .button-new{font-size:22px;font-family:Interstate,sans-serif;margin-left:20px;color:#bc9a64}.pos .button-card{width:70px;height:46px;background-color:var(--card);border-radius:6px;position:absolute;display:flex;z-index:10;flex-direction:column;align-items:center;-moz-box-shadow:9px 9px 9px -2px rgba(0,64,48,.72);-webkit-box-shadow:9px 9px 9px -2px rgba(0,64,48,.72)}.pos .button-card-line{width:65px;height:13px;background-color:var(--card-line);border-radius:2px;margin-top:7px}@media only screen and (max-width:480px){.pos .button-container{transform:scale(.7)}.pos .button-container:hover{transform:scale(.74)}.pos .button-new{font-size:18px}}.pos .button-buttons{width:8px;height:8px;background-color:var(--button-color-2);box-shadow:0 -10px 0 0 var(--button-color-3),0 10px 0 0 var(--button-color-1);border-radius:50%;transform:rotate(90deg);margin:10px 0 0 -30px}.pos .button-container:hover .button-card{animation:slide-top 1.4s cubic-bezier(.645,.045,.355,1) both}.pos .button-container:hover .button-post{animation:slide-post 1.2s cubic-bezier(.165,.84,.44,1) both}@keyframes slide-top{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-70px) rotate(90deg);transform:translateY(-70px) rotate(90deg)}60%{-webkit-transform:translateY(-70px) rotate(90deg);transform:translateY(-70px) rotate(90deg)}to{-webkit-transform:translateY(-8px) rotate(90deg);transform:translateY(-8px) rotate(90deg)}}.pos .button-post{width:63px;height:75px;background-color:var(--post);position:absolute;z-index:11;bottom:10px;top:120px;border-radius:6px;overflow:hidden}.pos .button-post-line{width:47px;height:9px;background-color:var(--post-line2);position:absolute;border-radius:0 0 3px 3px;right:8px;top:8px}.pos .button-post-line:before{content:"";position:absolute;width:47px;height:9px;background-color:var(--post-line);top:-8px}.pos .button-screen{width:47px;height:23px;background-color:#fff;position:absolute;top:22px;right:8px;border-radius:3px}.pos .button-numbers{width:12px;height:12px;background-color:var(--numbers);box-shadow:0 -18px 0 0 var(--numbers),0 18px 0 0 var(--numbers);border-radius:2px;position:absolute;transform:rotate(90deg);left:25px;top:52px}.pos .button-numbers-line2{width:12px;height:12px;background-color:var(--decimals);box-shadow:0 -18px 0 0 var(--decimals),0 18px 0 0 var(--decimals);border-radius:2px;position:absolute;transform:rotate(90deg);left:25px;top:68px}@keyframes slide-post{50%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-70px);transform:translateY(-70px)}}.pos .button-dollar{position:absolute;font-size:16px;font-family:Interstate,sans-serif;width:100%;left:0;top:0;color:var(--dollar);text-align:center}.pos .button-container:hover .button-dollar{animation:fade-in-fwd .3s 1s backwards}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:600px){.grid-wrapper{display:grid;grid-auto-flow:column;grid-gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/carecredit-pos.css.map */