Инструкция по покупке
.logo_root__sIO44 {
display: flex;
width: 84px;
align-items: center;
justify-content: space-between
}
.logo_root__logoSvg__Wey3b {
width: 40px;
height: 32px
}
@media(min-width: 1300px) {
.logo_root__logoSvg__Wey3b {
width:60px;
height: 40px
}
}
.logo_root__logoText__73baS {
width: 40px;
height: 27px
}
@media(min-width: 1300px) {
.logo_root__logoText__73baS {
width:59px;
height: 34px
}
}
@media(min-width: 768px) {
.logo_root__sIO44 {
width:82px
}
}
@media(min-width: 1300px) {
.logo_root__sIO44 {
width:110px
}
}
.typography_root__e6f5j {
font-family: Gilroy
}
.typography_root__e6f5j.typography_title1__vhH0e {
font-size: 40px;
font-weight: 700;
line-height: 40px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_title1__vhH0e {
font-size:62px;
line-height: 62px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_title1__vhH0e {
font-size:84px;
line-height: 84px
}
}
.typography_root__e6f5j.typography_title2__cwICr {
font-size: 24px;
font-weight: 700;
line-height: 24px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_title2__cwICr {
font-size:36px;
line-height: 36px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_title2__cwICr {
font-size:48px;
line-height: 48px
}
}
.typography_root__e6f5j.typography_title3__z8sE_ {
font-size: 20px;
font-weight: 700;
line-height: 20px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_title3__z8sE_ {
font-size:22px;
line-height: 22px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_title3__z8sE_ {
font-size:24px;
line-height: 24px
}
}
.typography_root__e6f5j.typography_title4__ND3xM {
font-size: 10px;
font-weight: 700;
line-height: 11px;
letter-spacing: .2em;
text-transform: uppercase
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_title4__ND3xM {
font-size:11px;
line-height: 12px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_title4__ND3xM {
font-size:12px;
line-height: 13px
}
}
.typography_root__e6f5j.typography_common1__kktFa {
font-size: 14px;
font-weight: 500;
line-height: 21px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_common1__kktFa {
font-size:16px;
line-height: 24px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_common1__kktFa {
font-size:18px;
line-height: 27px
}
}
.typography_root__e6f5j.typography_common4__1K4MC {
font-size: 14px;
font-weight: 500;
line-height: 14px
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_common4__1K4MC {
font-size:16px;
line-height: 16px
}
}
.typography_root__e6f5j.typography_common5__4YsvY {
font-size: 14px;
font-weight: 500;
line-height: 14px
}
.typography_root__e6f5j.typography_common6__5aTBc {
font-weight: 700;
font-size: 16px;
line-height: 18px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_common6__5aTBc {
font-size:18px;
line-height: 20px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_common6__5aTBc {
font-size:20px;
line-height: 22px
}
}
.typography_root__e6f5j.typography_common7__U9z3h {
font-weight: 600;
font-size: 12px;
line-height: 12px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_common7__U9z3h {
font-size:13px;
line-height: 13px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_common7__U9z3h {
font-size:14px;
line-height: 14px
}
}
.typography_root__e6f5j.typography_saletitle1__ny912 {
font-weight: 800;
font-size: 20px;
line-height: 20px
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_saletitle1__ny912 {
font-size:28px;
line-height: 28px;
font-weight: 700
}
}
.typography_root__e6f5j.typography_undersaleinscript__G6guI {
font-size: 14px;
font-weight: 600;
line-height: 15px;
letter-spacing: 0
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_undersaleinscript__G6guI {
font-size:16px;
font-weight: 600;
line-height: 18px
}
}
.typography_root__e6f5j.typography_common2__KFdQ2 {
font-size: 16px;
font-weight: 700;
line-height: 16px
}
.typography_root__e6f5j.typography_common3__0suS5 {
font-size: 14px;
font-weight: 600;
line-height: 14px
}
.typography_root__e6f5j.typography_mainPrice1__Aze8n {
font-size: 20px;
font-weight: 900;
line-height: 20px;
letter-spacing: 0
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_mainPrice1__Aze8n {
font-size:24px;
line-height: 24px
}
}
.typography_root__e6f5j.typography_mainPrice2__ilQxN {
font-size: 18px;
font-weight: 900;
line-height: 20px;
letter-spacing: 0;
font-style: italic
}
.typography_root__e6f5j.typography_saletitle2__Qy1KC {
font-size: 16px;
font-weight: 700;
line-height: 18px;
letter-spacing: 0
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_saletitle2__Qy1KC {
font-size:20px;
line-height: 22px
}
}
.typography_root__e6f5j.typography_crossed1__3yeqT {
font-size: 16px;
font-weight: 500;
line-height: 16px;
letter-spacing: 0;
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_crossed1__3yeqT {
font-size:20px;
line-height: 20px
}
}
.typography_root__e6f5j.typography_salemeasure1__HcchP {
font-size: 12px;
font-weight: 700;
line-height: 12px;
letter-spacing: 0
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_salemeasure1__HcchP {
font-size:14px;
line-height: 14px
}
}
.typography_root__e6f5j.typography_listtitle1__0HX1v {
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 22px;
letter-spacing: 0
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_listtitle1__0HX1v {
font-size:24px;
line-height: 26px
}
}
.typography_root__e6f5j.typography_salecount__i7ojL {
font-size: 12px;
font-weight: 800;
line-height: 12px
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_salecount__i7ojL {
font-size:14px;
line-height: 14px
}
}
.typography_root__e6f5j.typography_guide__XoYP5 {
font-size: 22px;
line-height: 26px;
font-weight: 700
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_guide__XoYP5 {
font-size:35px;
line-height: 42px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_guide__XoYP5 {
font-size:48px;
line-height: 58px
}
}
.typography_root__e6f5j.typography_label__TH4xz {
font-size: 14px;
line-height: 14px;
font-weight: 800
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_label__TH4xz {
font-size:17px;
line-height: 17px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_label__TH4xz {
font-size:20px;
line-height: 20px
}
}
.typography_root__e6f5j.typography_subtitle__DSaM5 {
font-size: 18px;
line-height: 24px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_subtitle__DSaM5 {
font-size:21px;
line-height: 28px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_subtitle__DSaM5 {
font-size:24px;
line-height: 32px
}
}
.typography_root__e6f5j.typography_description__mQddC {
font-size: 12px;
line-height: 14px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_description__mQddC {
font-size:14px;
line-height: 16px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_description__mQddC {
font-size:16px;
line-height: 18px
}
}
.typography_root__e6f5j.typography_modaldescription__UyDkh {
font-weight: 500;
font-size: 14px;
line-height: 15px
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_modaldescription__UyDkh {
font-size:15px;
line-height: 16px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_modaldescription__UyDkh {
font-size:16px;
line-height: 18px
}
}
.typography_root__e6f5j.typography_tab__Is8Du {
font-size: 13px;
line-height: 13px;
font-weight: 600
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_tab__Is8Du {
font-size:14px;
line-height: 14px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_tab__Is8Du {
font-size:16px;
line-height: 16px
}
}
.typography_root__e6f5j.typography_category__JqzmC {
font-size: 24px;
line-height: 24px;
font-weight: 700
}
@media(min-width: 768px) {
.typography_root__e6f5j.typography_category__JqzmC {
font-size:30px;
line-height: 30px
}
}
@media(min-width: 1300px) {
.typography_root__e6f5j.typography_category__JqzmC {
font-size:36px;
line-height: 36px
}
}
.typography_root__e6f5j.typography_burger__ETKbF {
font-size: 28px;
line-height: 28px;
font-weight: 500
}
.typography_root__e6f5j.typography_left__MI9Hp {
text-align: left
}
.typography_root__e6f5j.typography_center__RfJDT {
text-align: center
}
.typography_root__e6f5j.typography_right__sObV9 {
text-align: right
}
.typography_root__e6f5j.typography_paragraph__Ddu5Q {
color: #747477
}
.typography_root__e6f5j.typography_title__qnfTB {
color: #fff
}
.typography_root__e6f5j.typography_background__xTU6d {
color: #1a181d
}
.typography_root__e6f5j.typography_divider__9pyLy {
color: #232224
}
.typography_root__e6f5j.typography_backgroundtimer__3MQIB {
color: #fc87191f
}
.typography_root__e6f5j.typography_primary__Noo7S {
color: #fc8719
}
.typography_root__e6f5j.typography_secondary__PpNd4 {
color: #f3463b
}
.typography_root__e6f5j.typography_accent__5TKiH {
color: #f7f4f2
}
.typography_root__e6f5j.typography_crossed__HVqay,.typography_root__e6f5j.typography_grey__2WSTW {
color: #c2b8b3
}
.typography_root__e6f5j.typography_body-0__Kio_H {
color: #fff
}
.typography_root__e6f5j.typography_body-50__hnM9C {
color: #6b655d
}
.typography_root__e6f5j.typography_timebrown__su2NL {
color: #fc87191f
}
.typography_root__e6f5j.typography_footer__NIv6e {
color: #232224
}
.typography_root__e6f5j.typography_footerNav__oPFY6 {
color: #3b3a3d
}
.typography_root__e6f5j.typography_subtitleColor__k4q9z {
color: #acacac
}
.typography_root__e6f5j.typography_titleYellow__w8tcP {
color: #ffc007
}
.typography_root__e6f5j.typography_mojang__b_bgk {
color: #343336
}
.typography_root__e6f5j.typography_gradient__L0eiK {
background: -webkit-linear-gradient(#ffc806,#ff8d06);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #0000
}
.contacts_root__oX3TB {
display: flex
}
.contacts_root__name__JGenM {
margin-right: 16px
}
.contacts_root__info__vaXLb {
top: -14px;
position: relative
}
.contacts_root__info__link__AaM_g {
-webkit-text-decoration: underline #f2eae4;
text-decoration: underline #f2eae4;
text-underline-position: under
}
@media(min-width: 1300px) {
.contacts_root__info__link__AaM_g {
margin-left:5px
}
.contacts_root__info__vaXLb {
display: flex
}
.contacts_root__info__vaXLb :first-child:before {
display: none
}
}
@media(min-width: 768px) {
.contacts_root__info__vaXLb {
top:0;
position: relative
}
}
.contacts_root__contacts__tZWZR {
margin-top: 8px
}
@media(min-width: 1300px) {
.contacts_root__contacts__tZWZR {
margin-top:0
}
.contacts_root__contacts__tZWZR:before {
content: "•";
color: #c2b8b3ed;
font-weight: 500;
opacity: .5;
display: inline-block;
width: 2px;
margin: 0 6px
}
.contacts_root__email__jFt2d {
display: flex
}
}
@media(min-width: 768px) {
.contacts_root__oX3TB {
padding-bottom:15px
}
}
@media(min-width: 1300px) {
.contacts_root__oX3TB {
justify-content:space-between;
align-items: center
}
}
.links_root__aJJpn {
display: block
}
.links_root__links__6mgx5 {
display: block;
margin-right: 40px;
margin-top: 12px
}
@media(min-width: 1300px) {
.links_root__links__6mgx5 {
display:inline;
margin-right: 40px
}
.links_root__aJJpn {
display: flex;
flex-flow: row;
justify-content: space-between
}
}
.payment_root__eI_uh {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
flex-flow: column
}
@media(min-width: 768px) {
.payment_root__eI_uh {
width:auto
}
}
.payment_root__six__Hv_iU {
height: 24px;
margin-bottom: 10px
}
@media(min-width: 768px) {
.payment_root__six__Hv_iU {
height:22px
}
}
@media(min-width: 1300px) {
.payment_root__six__Hv_iU {
height:30px
}
}
.payment_root__image__oyZ5Y {
margin-right: 5px;
margin-left: 5px;
height: 14px
}
@media(min-width: 768px) {
.payment_root__image__oyZ5Y {
height:16px
}
}
@media(min-width: 1300px) {
.payment_root__image__oyZ5Y {
height:20px
}
}
@media(min-width: 768px) {
.top_root__aeES_ {
display:block
}
}
@media(min-width: 1300px) {
.top_root__aeES_ {
width:100%;
padding-top: 20px;
display: flex;
align-items: center;
justify-content: space-between
}
}
.top_root__logo__9yb4h {
display: flex;
justify-content: space-between;
margin-bottom: 26px;
align-items: center
}
@media(min-width: 768px) {
.top_root__logo__9yb4h {
margin-bottom:16px
}
}
.decoration_root__wdVfe {
display: flex;
flex-flow: column;
position: relative;
align-items: center;
transform: scale(1.5)
}
.decoration_root__fire__zPdL_ {
position: relative;
top: 10px
}
.footer_root___CxJn {
max-width: 100%;
background-color: #232224;
padding: 26px 16px;
position: relative;
margin-top: 27px
}
.footer_root__decoration__left__Jf0PK {
position: relative;
left: 20px
}
.footer_root__decoration__right__ZZthQ {
position: relative;
left: -20px
}
.footer_root__logo__uqdS5 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20px
}
@media(min-width: 768px) {
.footer_root__logo__uqdS5 {
display:none
}
}
.footer_root__content__NZ9nV {
width: 252px;
margin: 0 auto
}
@media(min-width: 768px) {
.footer_root__content__NZ9nV {
display:flex;
align-items: flex-end;
width: 600px
}
}
@media(min-width: 1300px) {
.footer_root__content__NZ9nV {
align-items:unset;
width: 1254px;
flex-flow: column
}
}
@media(min-width: 768px) {
.footer_root___CxJn {
display:flex;
justify-content: center;
align-items: center
}
}
.footer_root__line__7IbXe {
border: 1px solid #3b3a3d;
margin-top: 16px;
margin-bottom: 20px;
align-self: normal
}
@media(min-width: 1300px) {
.footer_root__line__7IbXe {
align-self:normal;
width: 100%
}
}
@media(min-width: 768px) {
.footer_root__line__7IbXe {
margin-bottom:16px
}
}
.footer_root___CxJn:before {
content: "";
background: url(/images/curved-line-footer.png);
background-repeat: space;
position: absolute;
left: 0;
top: -23px;
width: 100%;
height: 18px
}
.container_root__vE_b7 {
padding-top: 94px
}
.container_root__vE_b7.container_outer__Mgz3b {
width: calc(100% - 32px);
min-width: calc(100% - 32px);
max-width: calc(100% - 32px);
margin: 0 auto
}
@media(min-width: 768px) {
.container_root__vE_b7.container_outer__Mgz3b {
width:calc(100% - 48px);
min-width: calc(100% - 48px);
max-width: calc(100% - 48px)
}
}
@media(min-width: 1300px) {
.container_root__vE_b7.container_outer__Mgz3b {
width:1264px;
min-width: 1264px;
max-width: 1264px
}
}
.keylist_root__h5r1e {
position: relative;
width: 100%;
border-radius: 8px;
background: linear-gradient(#282729,#1e1d1f);
padding: 24px 16px 32px;
margin: 0 -16px;
transition: all .15s ease-out;
z-index: 1
}
@media(min-width: 768px) {
.keylist_root__h5r1e {
padding:24px 32px 36px;
margin: 0
}
.keylist_root__h5r1e:before {
content: "";
background: url(/images/decoration-left-top.svg);
position: absolute;
width: 208px;
height: 140px;
left: 115px;
top: 82px;
background-repeat: no-repeat;
transform: scale(2);
z-index: 1
}
}
.keylist_root__title__wrapper__4yWnn {
display: flex;
flex-direction: row;
margin-bottom: 16px;
position: relative;
z-index: 3
}
@media(min-width: 768px) {
.keylist_root__title__wrapper__4yWnn {
margin-bottom:33px
}
}
.keylist_root__icon__wrapper__1QG07 {
display: flex;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
margin-right: 16px;
align-items: center
}
.keylist_root__icon__wrapper__1QG07.keylist_orng__aTODk {
background-color: #fc8719;
box-shadow: 0 8px 24px get-background orng,shadow
}
.keylist_root__icon__wrapper__1QG07.keylist_blu__KTvyy {
background-color: #3772e4;
box-shadow: 0 8px 24px get-background blu,shadow
}
.keylist_root__icon__wrapper__1QG07.keylist_pinky__4QO_K {
background-color: #e93576;
box-shadow: 0 8px 24px get-background pinky,shadow
}
.keylist_root__icon__wrapper__1QG07.keylist_ylow__wPeJ1 {
background-color: #f8c510;
box-shadow: 0 8px 24px get-background ylow,shadow
}
.keylist_root__icon__wrapper__1QG07.keylist_orngblur__D3tCu {
background-color: #ff9a3d;
box-shadow: 0 8px 24px get-background orngblur,shadow
}
@media(min-width: 1300px) {
.keylist_root__icon__wrapper__1QG07 {
width:32px;
height: 32px
}
.keylist_root__icon__wrapper__1QG07 img {
transform: scale(1.2)
}
}
.keylist_root__cards__wrapper__WSf2K {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 8px;
transition: all .15s ease-out;
position: relative;
z-index: 2
}
@media(min-width: 768px) {
.keylist_root__cards__wrapper__WSf2K {
flex-wrap:nowrap;
overflow-x: auto;
gap: 10px;
margin: -8px -32px 0;
padding: 8px 32px 0;
justify-content: flex-start
}
}
.tag_root__3TWFh {
position: absolute;
top: 0;
right: 0;
bottom: auto;
left: auto;
width: 200px;
height: 100px;
z-index: 100;
overflow: hidden;
z-index: 1;
-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
clip-path: polygon(0 0,100% 0,100% 100%,0 100%)
}
.tag_root__3TWFh.tag_bottom__c0pfw {
bottom: 0;
left: 0;
top: auto;
right: auto
}
.tag_root__content__FKgKj {
position: absolute;
top: 15%;
right: -32%;
bottom: auto;
left: auto;
width: 200px;
height: 20px;
transform: rotate(30deg);
display: flex;
align-items: center;
justify-content: center
}
.tag_root__content__FKgKj.tag_bottom__c0pfw {
bottom: 12%;
left: -32%;
top: auto;
right: auto
}
.keycard_root__Wavgs {
position: relative;
height: 116px;
width: 140px;
padding: 12px 66px 64px 12px;
background: #1a181d;
box-shadow: 0 0 2px #00000014,0 10px 20px #0000000a;
border-radius: 8px;
text-align: left;
transition: all .15s ease-out;
background-repeat: no-repeat;
background-size: 100%;
background-position: 30px 90%;
overflow: hidden
}
@media(min-width: 768px) {
.keycard_root__Wavgs {
background-position:200% 180%;
background-size: inherit
}
}
.keycard_root__Wavgs:hover .keycard_root__key__amount__XS_0L p {
color: #ffc806
}
.keycard_root__Wavgs:hover {
transform: translateY(-8px)
}
.keycard_root__Wavgs p,.keycard_root__Wavgs:hover {
transition: all .15s ease-out
}
@media(min-width: 768px) {
.keycard_root__Wavgs {
min-height:138px;
min-width: 232px
}
}
.keycard_root__key__amount__XS_0L {
transition: all .15s ease-out;
padding-bottom: 2px
}
@media(min-width: 768px) {
.keycard_root__key__amount__XS_0L {
padding-bottom:4px
}
}
.keycard_root__key__amount__XS_0L p {
transition: all .15s ease-out
}
.keycard_root__key__img__Z2eM2 {
overflow: hidden;
position: absolute;
transform: scale(1.8);
right: 5px;
top: 25px
}
@media(min-width: 768px) {
.keycard_root__key__img__Z2eM2 {
transform:scale(3);
right: 30px;
top: 40px
}
}
.keycard_root__amount__circle__Ho44M {
position: absolute;
width: 30px;
height: 30px;
left: 95px;
top: 69px;
background: #1a181d;
box-shadow: 0 0 2px #00000029;
border-radius: 50%;
z-index: 1;
display: flex;
justify-content: center;
align-items: center
}
@media(min-width: 768px) {
.keycard_root__amount__circle__Ho44M {
height:30px;
width: 30px;
left: 181px;
top: 53px
}
}
.keycard_root__crossed__price__Jl_87 {
margin-top: 4px
}
@media(min-width: 768px) {
.keycard_root__crossed__price__Jl_87 {
display:inline-block;
margin-left: 8px
}
}
.keycard_root__default__price__zGGCQ {
background: -webkit-linear-gradient(#ffc806,#ff8d06);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #0000
}
@media(min-width: 768px) {
.keycard_root__default__price__zGGCQ {
display:inline-block
}
}
.keycard_root__sale__measure__sTlXz {
position: absolute;
left: 0;
top: 99px;
background: #f3463b;
box-shadow: 0 4px 16px #f3463b33;
border-radius: 0 4px;
z-index: 1;
padding: 2px 6px 3px 8px;
margin: 2px 6px 3px 8px
}
@media(min-width: 1300px) {
.keycard_root__sale__measure__sTlXz {
left:20px;
top: 94px;
border-radius: 4px;
padding: 3px 4px
}
}
.productcard_root__u3hsU {
width: 140px;
min-height: 184px;
box-sizing: border-box;
border-radius: 8px;
padding: 12px 12px 16px;
text-align: left;
display: flex;
flex-flow: column;
justify-content: space-between;
position: relative;
transition: background .15s ease-in-out;
background: linear-gradient(#282729 16%,#1e1d1f 36%,#ff8d06);
background-size: 200% 300%
}
.productcard_root__u3hsU:hover {
transition: background .15s ease-in-out;
background: linear-gradient(#282729 33%,#ff8d06);
background-size: 200% 300%;
background-position: 100% 30%
}
.productcard_root__u3hsU:hover>.productcard_root__name__tXNyG {
color: #fc8719;
transition: all .15s ease-out;
background: -webkit-linear-gradient(#ffc806,#ff8d06);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: #0000
}
.productcard_root__u3hsU:hover .productcard_root__img__9NSTQ {
transform: scale(1.4);
transition: all .15s ease-out
}
@media(min-width: 768px) {
.productcard_root__u3hsU {
padding:12px 12px 20px;
width: 190px;
min-height: 228px
}
}
@media(min-width: 1300px) {
.productcard_root__u3hsU {
padding:16px 16px 20px;
width: 240px;
min-height: 272px
}
}
.productcard_root__name__tXNyG {
margin-bottom: 12px;
transition: all .15s ease-out
}
.productcard_root__name__wrapper__KH_bq {
display: flex;
flex-flow: row;
justify-content: space-between;
width: 100%;
flex-wrap: wrap
}
@media(min-width: 1300px) {
.productcard_root__name__tXNyG {
margin-bottom:16px
}
}
.productcard_root__price__m1dSC {
margin-right: 6px
}
@media(min-width: 1300px) {
.productcard_root__price__m1dSC {
margin-right:8px;
margin-right: 10px
}
}
.productcard_root__priceonly__rsxWe {
margin-top: 28px
}
@media(min-width: 768px) {
.productcard_root__priceonly__rsxWe {
margin-top:31px
}
}
@media(min-width: 1300px) {
.productcard_root__priceonly__rsxWe {
margin-top:34px
}
}
.productcard_root__saleprice__tJ_3g {
display: flex
}
.productcard_root__sale__Jd1k6 {
width: 34px;
height: 16px;
padding: 2px 3px;
color: #fff;
background: #1a181d;
box-shadow: 0 4px 16px #f3463b33;
border-radius: 4px;
transform: rotate(-7deg)
}
@media(min-width: 1300px) {
.productcard_root__sale__Jd1k6 {
width:41px;
height: 20px;
padding: 3px 4px
}
}
.productcard_root__crossed__yqleb {
margin-top: 12px
}
@media(min-width: 768px) {
.productcard_root__crossed__yqleb {
margin-top:14px
}
}
@media(min-width: 1300px) {
.productcard_root__crossed__yqleb {
margin-top:16px
}
}
.productcard_root__wrapper__bz9Ud {
width: 116px;
height: 78px;
display: flex;
justify-content: center;
align-items: center;
background-image: url(/images/curved-line-footer-3.png);
background-repeat: space;
background-size: 23px 19px;
filter: contrast(93%)
}
@media(min-width: 768px) {
.productcard_root__wrapper__bz9Ud {
width:164px;
height: 110px;
background-size: 28px 23px
}
}
@media(min-width: 1300px) {
.productcard_root__wrapper__bz9Ud {
width:208px;
height: 140px;
background-size: 38px 30px
}
}
.productcard_root__img__9NSTQ {
width: 100%;
height: 100%;
max-width: 100px;
max-height: 100px;
object-fit: cover;
transition: all .15s ease-out
}
.header_root__V0BGb {
position: fixed;
background-color: #1a181d;
z-index: 1000;
height: 64px;
width: 100%;
display: flex;
align-items: center;
padding: 0 16px
}
@media(min-width: 768px) {
.header_root__V0BGb {
padding:0 24px;
border-bottom: 1px solid #282729;
height: 94px
}
}
@media(min-width: 1300px) {
.header_root__V0BGb {
padding:0 calc((100vw - 1264px)/2);
height: 94px
}
}
.header_root__logo__aiE9i {
display: flex;
justify-content: flex-start;
flex: auto;
cursor: pointer
}
@media(min-width: 768px) {
.header_root__logo__aiE9i {
justify-content:center;
flex: .2 1
}
}
.header_root__burger__b44pl {
z-index: 10000;
background-color: #1a181d;
position: relative;
align-items: center;
width: 40px;
height: 40px;
border-radius: 50%
}
.header_root__burger__menu__eL6_V {
position: fixed;
display: flex;
flex-flow: column;
top: 64px;
left: -200vw;
width: 100vw;
height: 100vh;
background-color: #1a181d;
z-index: 1000;
transition: left .3s ease-in-out
}
.header_root__burger__menu__eL6_V.header_toggle__OzRl7 {
left: 0;
transition: left .3s ease-in-out
}
@media(min-width: 1300px) {
.header_root__burger__menu__eL6_V {
display:none
}
}
.header_root__burger__line1__6B570 {
width: 14px;
height: 2px;
background-color: #c2b8b3;
position: absolute;
top: 15px;
left: 13px;
transition: all .15s ease-out
}
.header_root__burger__line1__6B570.header_active__fZ0_m {
transform: rotate(45deg);
top: 20px;
transition: all .15s ease-out
}
.header_root__burger__line2__okxkM {
width: 14px;
height: 2px;
background-color: #c2b8b3;
position: absolute;
top: 25px;
left: 13px;
transition: all .15s ease-in-out
}
.header_root__burger__line2__okxkM.header_active__fZ0_m {
transform: rotate(-45deg);
top: 20px;
transition: all .15s ease-out
}
.header_root__nav__Ej3Gw {
display: flex;
justify-content: flex-start;
flex: 1 1
}
.header_root__nav__mobile__7WT8s {
position: fixed;
display: flex;
justify-content: space-around;
z-index: 100;
top: 64px;
width: 100vw;
background-color: #1a181d;
padding-bottom: 16px;
border-bottom: 1px solid #3a393c
}
.header_root__links___gd3X {
display: flex;
justify-content: flex-end;
flex: 1 1
}
.header_root__links__item__C2rKB {
margin-top: 24px;
margin-left: 16px;
margin-right: auto;
position: relative
}
.header_root__links__item__C2rKB.header_active__fZ0_m {
margin-left: 34px
}
.header_root__links__item__C2rKB.header_active__fZ0_m:before {
content: "";
position: absolute;
border-radius: 50%;
left: -18px;
top: 11px;
width: 6px;
height: 6px;
background-color: #fc8719
}
@media(min-width: 768px) {
.header_root__links__item__C2rKB.header_active__fZ0_m:before {
display:none
}
.header_root__links__item__C2rKB {
margin-top: 0;
margin-right: 0;
margin-left: 32px
}
.header_root__links__item__home__xO957 {
display: flex;
align-items: center
}
.header_root__links__item__home__xO957>p {
transition: color .15s ease-out
}
.header_root__links__item__home__xO957:hover>p {
color: #fc8719;
transition: color .15s ease-out
}
.header_root__links__item__C2rKB>p {
transition: color .15s ease-out
}
.header_root__links__item__C2rKB:hover>p {
color: #fc8719;
transition: color .15s ease-out
}
}
.header_root__tab__t9hU6 {
background-color: none;
padding: 6px 12px;
margin-right: 0;
border-radius: 20px;
transition: all .15s ease-out;
box-shadow: none
}
.header_root__tab__t9hU6.header_inactive__qY_Cu {
transition: all .45s ease-out;
background: linear-gradient(#01010100 33%,#ffc806 66%,#ff8d06 99%);
background-size: 200% 300%;
background-position: 100% 0
}
.header_root__tab__t9hU6.header_inactive__qY_Cu:hover>p {
color: #fc8719
}
@media(min-width: 1300px) {
.header_root__tab__t9hU6 {
margin-right:4px
}
}
.header_root__tab__t9hU6.header_active__fZ0_m {
background: linear-gradient(#01010100 33%,#ffc806 66%,#ff8d06 99%);
background-size: 200% 300%;
background-position: 100% 100%;
transition: all .45s ease-out;
box-shadow: 0 16px 32px #fc871929
}
.header_root__tab__t9hU6 p {
transition: all .15s ease-out
}
.category_root__7GiC_ {
padding: 60px 0 0
}
.category_root__grid__yAGR3 {
margin: 60px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
gap: 8px
}
@media(min-width: 1300px) {
.category_root__grid__yAGR3 {
justify-content:flex-start;
gap: 16px
}
}
.category_root__line__bXuSS {
border: 1px solid #232224;
color: #232224
}
.category_root__7GiC_.category_last__boA84 {
padding: 60px 0
}
.last-purchase-card_root__DkWO9 {
border-radius: 9px;
overflow: hidden;
padding: 24px 0 12px;
position: relative
}
@media(min-width: 768px) {
.last-purchase-card_root__DkWO9 {
padding:24px 0 40px;
border-radius: 8px
}
}
.last-purchase-card_root__title__TnfMH {
margin: 0 0 8px 16px;
display: flex;
position: relative;
align-items: center;
z-index: 2
}
@media(min-width: 768px) {
.last-purchase-card_root__title__TnfMH {
margin:0 0 24px 32px
}
}
.last-purchase-card_root__title__text__s2Hrw {
margin: 0 0 0 12px
}
@media(min-width: 768px) {
.last-purchase-card_root__title__text__s2Hrw {
margin:0 0 0 16px
}
}
.last-purchase-card_root__title__icon__xX25g {
width: 24px;
height: 24px;
animation: last-purchase-card_ping__pw0fh 1.5s ease-in-out infinite
}
@media(min-width: 768px) {
.last-purchase-card_root__title__icon__xX25g {
width:32px;
height: 32px
}
}
@keyframes last-purchase-card_ping__pw0fh {
0% {
opacity: 0
}
50% {
opacity: 1
}
to {
opacity: 0
}
}
.last-purchase-card_root__list__BYUGX {
display: flex;
justify-content: flex-start;
flex-direction: column;
overflow-y: scroll;
align-items: center
}
.last-purchase-card_root__list__BYUGX::-webkit-scrollbar {
display: none
}
@media(min-width: 768px) {
.last-purchase-card_root__list__BYUGX {
flex-direction:row;
gap: 8px
}
}
@media(min-width: 1300px) {
.last-purchase-card_root__list__BYUGX {
justify-content:center
}
}
.last-purchase-card_root__list__BYUGX:before {
content: "";
display: block;
position: absolute;
top: 80%;
left: 0;
bottom: 0;
width: 100%;
z-index: 1;
background: linear-gradient(0deg,#14100b,#14100b00)
}
@media(min-width: 768px) {
.last-purchase-card_root__list__BYUGX:before {
top:0;
width: 15%;
background: linear-gradient(90deg,#1a181d,#14100b00)
}
}
.last-purchase-card_root__list__BYUGX:after {
content: "";
display: block;
position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 0;
z-index: 1;
background: linear-gradient(90deg,#1a181d,#14100b00);
transform: matrix(-1,0,0,1,0,0)
}
@media(min-width: 768px) {
.last-purchase-card_root__list__BYUGX:after {
width:15%
}
}
.last-purchase-card_wrapper__sjL_v {
margin-bottom: 36px
}
@media(min-width: 768px) {
.last-purchase-card_wrapper__sjL_v {
margin-bottom:60px;
padding: 0 0 8px;
border-radius: 8px
}
}
.last-purchase-card_root__kfg2W {
width: 90%;
height: 80px;
min-width: 242px;
padding: 20px 0;
display: flex
}
@media(min-width: 768px) {
.last-purchase-card_root__kfg2W {
width:100%;
height: 80px;
min-width: 242px;
padding: 20px;
width: -moz-fit-content;
width: fit-content;
border-radius: 8px;
background-color: #363437;
border-bottom: none
}
}
.last-purchase-card_root__avatar__50RbM {
width: 36px;
height: 36px;
margin-right: 16px
}
@media(min-width: 768px) {
.last-purchase-card_root__avatar__50RbM {
width:40px;
height: 40px
}
}
.last-purchase-card_root__text__CgaLm {
display: flex;
flex-direction: column;
justify-content: center
}
.last-purchase-card_root__text__info__YE4Y_ {
margin-top: 6px;
display: flex;
flex-flow: row;
align-items: center;
text-overflow: ellipsis;
width: 100%
}
@media(min-width: 768px) {
.last-purchase-card_root__text__info__YE4Y_ {
max-width:150px;
align-items: flex-start;
flex-flow: column
}
}
.last-purchase-card_root__text__info__circle__4L0p9 {
width: 3px;
height: 3px;
border-radius: 1px;
background-color: #6b655d;
margin: 0 4px
}
.last-purchase-card_root__text__info__text_block__VfRdz {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
@media(min-width: 768px) {
.last-purchase-card_root__text__info__text_block__VfRdz {
margin-bottom:2px
}
}
.modal-description_root__OG0pm {
transition: all .15s ease
}
.modal-description_root__title__qQ_sK {
margin-top: 24px;
margin-bottom: 12px
}
.modal-description_root__description__3shAI {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
position: relative;
margin-left: 8px
}
.modal-description_root__description__3shAI:before {
left: -12px;
content: "•";
position: absolute;
color: #ffc007;
font-weight: 700;
display: block;
width: 4px;
margin-right: 8px
}
.modal-description_root__line__PvguN {
border: 1px solid #f2eae4
}
@media(min-width: 1300px) {
.modal-description_root__line__PvguN {
width:100%
}
}
.modal-input-button_root__button__wrapper__Xlzm_ {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
width: 100%;
height: 48px;
border-radius: 10px;
margin: 24px 0 0;
transition: all .15s ease;
cursor: pointer;
background: linear-gradient(#01010100 33%,#ffc806 66%,#ff8d06 99%);
background-size: 200% 300%;
background-position: 100% 100%
}
.modal-input-button_root__button__wrapper__Xlzm_.modal-input-button_disabled__Qe_Qc {
cursor: not-allowed;
opacity: .5
}
.modal-input-button_root__button__wrapper__Xlzm_.modal-input-button_disabled__Qe_Qc,.modal-input-button_root__button__wrapper__Xlzm_.modal-input-button_disabled__Qe_Qc:hover,.modal-input-button_root__button__wrapper__Xlzm_.modal-input-button_disabled__Qe_Qc:hover.modal-input-button_disabled__Qe_Qc {
background: linear-gradient(#01010100 33%,#ffc806 66%,#ff8d06 99%);
background-size: 200% 300%;
background-position: 100% 100%
}
@media(min-width: 1300px) {
.modal-input-button_root__button__wrapper__Xlzm_ {
height:58px
}
.modal-input-button_root__button__wrapper__Xlzm_:hover {
background-color: #ff9a3d
}
}
.modal_root__epX3T {
position: fixed;
left: 0;
top: 0;
width: 100vw;
height: 100%;
z-index: 10000;
display: flex;
justify-content: center;
align-items: center;
background-color: #14100b4d;
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
overflow-y: auto;
opacity: 0;
visibility: hidden;
transition: all .15s ease-out
}
.modal_root__divider__aZahW {
height: 1px;
background-color: #747477;
width: 100vw;
margin: 20px -16px 0
}
@media(min-width: 768px) {
.modal_root__divider__aZahW {
width:620px;
margin: 20px -48px 0
}
}
.modal_root__content__bSa6B {
display: flex;
flex-flow: row;
position: relative
}
.modal_root__info__uSpcf {
width: 100%;
display: flex;
flex-flow: column;
align-items: flex-start;
max-width: 100%
}
@media(min-width: 768px) {
.modal_root__info__uSpcf {
max-width:320px
}
}
.modal_root__decoration__bNMAk {
position: relative
}
.modal_root__image__3Bycw {
max-height: 200px;
background-position: 0 90%;
background-repeat: no-repeat
}
.modal_root__image__outer__qHcqg {
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
width: 100%;
padding-bottom: 10px
}
.modal_root__image__decoration__CqZQ3 {
max-width: 100px;
max-height: 100px;
position: absolute;
left: 80px;
top: 10%;
transform: scale(1.5)
}
.modal_root__epX3T.modal_open__FuQLc {
opacity: 1;
visibility: visible;
transition: all .15s ease-out
}
.modal_root__wrapper__e8vb3 {
margin: auto;
height: auto;
width: 100%;
background-color: #222123;
padding: 21px 16px;
border-radius: 10px;
position: relative
}
@media(min-width: 768px) {
.modal_root__wrapper__e8vb3 {
width:620px;
padding: 40px 48px;
border-radius: 16px
}
.modal_root__wrapper__e8vb3:after {
content: "";
position: absolute;
width: 60%;
height: 70%;
background-color: green;
right: 0;
bottom: 0;
border-radius: 0 0 14px 0;
background: linear-gradient(180deg,#ffc806,#ff8d06);
-webkit-clip-path: polygon(100% 0,71% 100%,100% 100%);
clip-path: polygon(100% 0,71% 100%,100% 100%)
}
}
.modal_root__header__3ROLS {
position: relative;
margin-bottom: 24px
}
.modal_root__checkboxWrapper__dh83h {
word-wrap: normal;
margin-left: 0;
margin-bottom: 0;
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center
}
@media(min-width: 768px) {
.modal_root__checkboxWrapper__dh83h {
margin-left:139px;
margin-bottom: 25px
}
}
.modal_root__checkboxWrapper__dh83h:hover p {
color: #000
}
.modal_root__checkboxWrapper__dh83h:hover a {
color: green
}
.modal_root__checkboxWrapper__link__BLcsh {
cursor: pointer;
-webkit-text-decoration: underline #6b655d;
text-decoration: underline #6b655d;
text-underline-offset: 1px;
word-wrap: normal;
white-space: normal
}
.modal_root__checkbox__g9sVl {
cursor: pointer;
margin-right: 12px;
margin-top: -1px;
background-color: #f7f4f2;
background-image: none;
border: 1px solid #c2b8b3;
border-radius: 4px;
width: 18px;
height: 18px;
transition: all .15s ease
}
.modal_root__checkbox__g9sVl.modal_active__a7H31 {
transition: all .15s ease;
border: 1px solid #fc8719;
background-color: #fc8719;
background-image: url(/images/check.svg);
background-repeat: no-repeat;
background-size: initial;
background-position: 50%
}
.modal_root__cross__y0J8l {
cursor: pointer;
transition: all .15s ease;
position: absolute;
top: 0;
right: 0
}
@media(min-width: 768px) {
.modal_root__cross__y0J8l {
top:-6px;
right: -6px
}
}
.modal_root__cross__y0J8l:hover {
opacity: 50%;
transition: all .15s ease
}
.modal_root__payment__EzFc8 {
display: flex;
flex-flow: row;
gap: 10px;
margin-left: 0;
margin-top: 24px
}
.modal_root__payment__union__2SuHS {
width: 100%;
margin: 10px 0 0
}
@media(min-width: 768px) {
.modal_root__payment__union__2SuHS {
width:calc(50% - 5px);
margin: 10px auto 0
}
}
.not-mojang_root__HEOvP {
display: flex;
justify-content: center;
align-items: center;
margin-top: -20px;
margin-bottom: 40px
}
@media(min-width: 768px) {
.not-mojang_root__HEOvP {
margin-top:-40px;
margin-bottom: 40px
}
}