.rd-button{--fg:var(--fg-regular-light);--bg:#FAFAFA;--c-border:var(--bg);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--fg);background-color:var(--bg);font-family:var(--ff-regular);font-weight:500;font-size:1.6em;line-height:1.25;text-align:center;padding:1em 1.5em;border-radius:.75em;border:.1em solid var(--c-border);cursor:pointer;-webkit-transition:var(--tr);transition:var(--tr);outline:0!important}
@media(any-hover:hover){
.rd-button:hover{--bg:#F5F5F5}
}
@media(any-hover:none){
.rd-button:active{--bg:#F5F5F5}
}
@media(any-hover:hover){
.rd-button:active{--bg:#F0F0F0}
}
.rd-button[disabled]{opacity:.3;pointer-events:none}
.rd-button--rem-fz{font-size:1.6rem}
.in-progress,.is-loading,.rd-button.is-loading{position:relative;overflow:hidden;pointer-events:none}
.in-progress:not(button):not(a){border-radius:1.6em}
.is-loading>*{opacity:0;pointer-events:none}
.in-progress>*{opacity:.5;pointer-events:none}
.is-loading::before,.rd-button.is-loading::before{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%;background:var(--bg-skeleton);-webkit-transition:var(--tr);transition:var(--tr)}
.in-progress::after,.is-loading::after,.rd-button.is-loading::after{content:"";display:block;width:200%;height:100%;left:-100%;top:0;position:absolute;-webkit-transition:var(--tr);transition:var(--tr);background:var(--grad-skeleton);-webkit-animation:loadingGradient 1.5s infinite linear;animation:loadingGradient 1.5s infinite linear;z-index:3}
.rd-button--full{width:100%}
.rd-button--small{font-size:1.4em;padding:.78em 1.666em}
.rd-button--rem-fz.rd-button--small{font-size:1.4rem}
.rd-button--mini{font-size:1.3em}
.rd-button--rem-fz.rd-button--mini{font-size:1.3rem}
.rd-button--micro{font-size:1.4em;padding:.5em 1.14em}
.rd-button--rem-fz.rd-button--micro{font-size:1.4rem}
.rd-button--nano{font-size:1em;padding:.5em 1.14em}
.rd-button--rem-fz.rd-button--nano{font-size:1rem}
.rd-button--inline{--bg:transparent;--fg:var(--c-primary);padding:0;font-size:inherit;border:none;display:inline}
@media(any-hover:hover){
.rd-button--inline:hover{--bg:transparent;--fg:var(--c-primary-hover)}
}
@media(any-hover:none){
.rd-button--inline:active{--bg:transparent;--fg:var(--c-primary-hover)}
}
@media(any-hover:hover){
.rd-button--inline:active{--bg:transparent;--fg:var(--c-primary-active)}
}
.rd-button--no-padding{padding:0}
.rd-button__icon{--size:var(--icon-size, 1.5em);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-width:var(--size);max-width:var(--size);width:var(--size);min-height:var(--size);max-height:var(--size);height:var(--size);margin-bottom:-.4em;margin-top:-.3em;-webkit-transition:var(--tr);transition:var(--tr)}
.rd-button__icon--clickable{padding:1em;margin:-1em -1em -1em -2em;-webkit-box-sizing:content-box;box-sizing:content-box}
@media(any-hover:hover){
.rd-button__icon--clickable:hover{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
}
@media(any-hover:none){
.rd-button__icon--clickable:active{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}
}
.rd-button--small-icon{--icon-size:1em}
.rd-button__icon:first-child{margin-right:.25em}
.rd-button__icon--clickable:first-child{margin-right:-.55em}
.rd-button__icon:last-child{margin-left:.25em}
.rd-button__icon svg{width:100%;height:100%}
.rd-button:not(.rd-button--stroked-bg-transparent) .rd-button__icon path{fill:var(--fg)}
.rd-button--only-icon{padding:.05em;aspect-ratio:1}
.rd-button--only-icon:not(.rd-button--stroked){border-radius:50%}
.rd-button--only-icon.rd-button--stroked{--fg:var(--fg-secondary)}
.rd-button--on{--bg:#fff}
.rd-button--colored{--bg:var(--c-primary-light);--fg:var(--c-primary)}
@media(any-hover:hover){
.rd-button--colored:hover{--bg:var(--c-primary-light-hover)}
}
@media(any-hover:none){
.rd-button--colored:active{--bg:var(--c-primary-light-hover)}
}
@media(any-hover:hover){
.rd-button--colored:active{--bg:var(--c-primary-light-active)}
}
.rd-button--primary{--bg:var(--c-primary);--fg:var(--fg-on)}
@media(any-hover:hover){
.rd-button--primary:hover{--bg:var(--c-primary-hover)}
}
@media(any-hover:none){
.rd-button--primary:active{--bg:var(--c-primary-hover)}
}
@media(any-hover:hover){
.rd-button--primary:active{--bg:var(--c-primary-active)}
}
.rd-button--secondary{--bg:var(--c-secondary);--fg:var(--c-thirdly)}
@media(any-hover:hover){
.rd-button--secondary:hover{--bg:var(--c-secondary-hover)}
}
@media(any-hover:none){
.rd-button--secondary:active{--bg:var(--c-secondary-hover)}
}
@media(any-hover:hover){
.rd-button--secondary:active{--bg:var(--c-secondary-dark)}
}
.rd-button--ghost{--bg:transparent;--fg:var(--fg-secondary)}
@media(any-hover:hover){
.rd-button--ghost:hover{--fg:var(--fg-secondary);--bg:transparent}
}
@media(any-hover:none){
.rd-button--ghost:active{--fg:var(--fg-secondary);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--ghost:active{--bg:transparent;--fg:var(--fg-regular-light)}
}
.rd-button--ghost-lower{--bg:transparent;--fg:var(--fg-lower)}
@media(any-hover:hover){
.rd-button--ghost-lower:hover{--fg:var(--fg-secondary);--bg:transparent}
}
@media(any-hover:none){
.rd-button--ghost-lower:active{--fg:var(--fg-secondary);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--ghost-lower:active{--bg:transparent;--fg:var(--fg-regular-light)}
}
.rd-button--ghost-primary{--bg:transparent;--fg:var(--c-primary)}
@media(any-hover:hover){
.rd-button--ghost-primary:hover{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:none){
.rd-button--ghost-primary:active{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--ghost-primary:active{--bg:transparent;--fg:var(--c-primary-active)}
}
.rd-button--ghost-regular{--bg:transparent;--fg:var(--fg-regular-light)}
@media(any-hover:hover){
.rd-button--ghost-regular:hover{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:none){
.rd-button--ghost-regular:active{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--ghost-regular:active{--bg:transparent;--fg:var(--c-primary-active)}
}
.rd-button--stroked{--fg:var(--fg-regular-light);--bg:var(--bg-app);--c-border:var(--border-color-dark)}
@media(any-hover:hover){
.rd-button--stroked:hover{--fg:var(--c-primary-hover);--bg:var(--bg-app)}
}
@media(any-hover:none){
.rd-button--stroked:active{--fg:var(--c-primary-hover);--bg:var(--bg-app)}
}
@media(any-hover:hover){
.rd-button--stroked:active{--fg:var(--c-primary-hover);--bg:var(--bg-app)}
}
.rd-button--stroked-primary{--fg:var(--c-primary);--bg:transparent;--c-border:var(--fg)}
@media(any-hover:hover){
.rd-button--stroked-primary:hover{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:none){
.rd-button--stroked-primary:active{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--stroked-primary:active{--fg:var(--c-primary-hover);--bg:transparent}
}
.rd-button--stroked-bg-transparent{--fg:var(--fg-regular-light);--bg:transparent;--c-border:var(--border-color-dark)}
@media(any-hover:hover){
.rd-button--stroked-bg-transparent:hover{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:none){
.rd-button--stroked-bg-transparent:active{--fg:var(--c-primary-hover);--bg:transparent}
}
@media(any-hover:hover){
.rd-button--stroked-bg-transparent:active{--fg:var(--c-primary-hover);--bg:transparent}
}
.rd-button--pressed{--bg:var(--fg-regular-light);--fg:var(--fg-on)}
@media(any-hover:hover){
.rd-button--pressed:hover{--fg:var(--fg-regular-light)}
}
@media(any-hover:none){
.rd-button--pressed:active{--fg:var(--fg-regular-light)}
}
.rd-button--nowrap{white-space:nowrap}
.rd-button__end{margin-left:auto}
.rd-button__counter{--size:1.5em;width:var(--size);height:var(--size);border-radius:var(--size);font-size:.75em;color:var(--fg-on);background-color:var(--c-primary);min-width:var(--size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:.2em;margin-left:.2em;-webkit-transition:var(--tr);transition:var(--tr);text-align:center}
.rd-button__counter:empty{opacity:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.rd-button__counter:first-child{margin-top:-.1em;margin-bottom:-.1em}
.rd-button__counter:not(:empty):first-child{margin-right:.3em;margin-left:unset}
.product-item .rd-button{z-index:var(--z-above-link);position:relative}