@font-face{font-family:cdr;src:local("cdr Regular"),local("cdr"),url(../font/icons/cdr.woff2) format(woff2),url(../font/icons/cdr.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}pay-button{--btnHeight:4.5rem;--btnBorder:var(--gray-8);--btnColor:var(--gray-1);--btnColorActive:var(--primary-dark);--btnPadding:1.25rem;--btnCheckPos:calc(var(--btnPadding)/2);--checkTime:.3s;--bgCheckTime:.15s;--btnOrder:1;align-items:center;border:1px solid var(--btnBorder);border-radius:calc(var(--UIRadius)/2);color:var(--btnColor);display:flex;font-size:var(--ty-xs);font-weight:500;height:var(--btnHeight);justify-content:center;line-height:1.25;order:var(--btnOrder);position:relative;text-align:center;transition:scale .15s ease-out,border-color .3s ease-out,border-width .15s ease-out}pay-button:focus,pay-button:hover{--btnBorder:var(--primary);border:2px solid var(--btnBorder)}pay-button:focus:not(:has(input[type=radio]:checked)),pay-button:hover:not(:has(input[type=radio]:checked)){cursor:pointer;scale:1.05}pay-button:focus:not(:has(input[type=radio]:checked)) img,pay-button:hover:not(:has(input[type=radio]:checked)) img{translate:0 -1px}pay-button input[type=radio]{display:none}pay-button p{line-height:1.125}pay-button:not(:has(img)){--btnPadding:1rem .5rem;--btnCheckPos:.5rem}pay-button label{align-items:center;display:grid;height:100%;justify-content:center;padding:var(--btnPadding);width:100%}pay-button label:has(input[type=radio]:checked){pointer-events:none}pay-button label:has(input[type=radio]:checked):after,pay-button label:has(input[type=radio]:checked):before{align-self:flex-end;color:var(--btnColorActive);content:"";display:block;font-family:cdr;font-size:var(--ty-l);grid-column:1/-1;grid-row:1/-1;inset-block-end:calc(var(--btnCheckPos)*-1 - 5px);justify-self:center;opacity:0;position:absolute}pay-button label:has(input[type=radio]:checked):after{--opacityStart:0;--opacityEnd:1;--transformStart:translate3d(0,-10px,0);--transformEnd:translate3d(0,0,0);animation:transformIn var(--checkTime) ease-out var(--bgCheckTime) forwards;inset-inline-start:calc(49% - .5rem)}pay-button label:has(input[type=radio]:checked):before{--opacityStart:0;--opacityEnd:1;--transformStart:scale(0) translate3d(0,0,0);--transformEnd:scale(1) translate3d(0,0,0);animation:transformIn var(--bgCheckTime) ease-out forwards;background-color:var(--gray-light);border-radius:50%;content:"";height:1.75rem;inset-inline-start:calc(49% - .625rem);width:1.75rem}pay-button label:has(input[type=radio]:checked):not(:has(img)) p{will-change:transform}pay-button:has(input[type=radio]:checked){--btnBorder:var(--primary-dark);border:3px solid var(--btnBorder);scale:1}pay-button:has(input[type=radio]:checked) img{translate:0 -2px}pay-button[src=ancv]{--btnPadding:.625rem;--btnCheckPos:.75rem}pay-button.paybutton label{display:grid}.pay--wrapper{--col-size:9.0625rem;--col-type:auto-fill;--col-gap:1rem;--position:space-between;display:grid;grid-gap:var(--col-gap);grid-template-columns:repeat(var(--col-num,var(--col-type,auto-fit)),[col-start] minmax(var(--col-size),var(--col-max,min-content)) [col-end]);justify-content:var(--position,flex-start);margin-block-end:0}@media (max-width:47.99em){.pay--wrapper{--col-gap:1rem .625rem;--col-size: calc(50% - .625rem) ;--col-num:2}}.pay--wrapper:has(pay-button:only-child) pay-button{display:none}html:has(.panelRadio.is-active) .pay--wrapper{margin-block-end:1.5rem}