/* /app/styles/components/not-found.module.css */ ._notFoundContainer_1xt6l_1 { display: flex; flex-direction: row; justify-content: center; @media screen and (max-width: 768px) { flex-direction: column; } & ._imgContainer_1xt6l_10 { text-align: right; padding: 4rem 2rem; padding-right: 0; @media screen and (max-width: 768px) { order: 2; width: 100%; padding: 0; text-align: center; } @media screen and (max-width: 425px) { position: relative; overflow-x: hidden; height: 400px; } @media screen and (max-width: 375px) { height: 350px; } @media screen and (max-width: 320px) { height: 300px; } & img { width: 100%; max-width: 650px; height: auto; @media screen and (max-width: 425px) { width: 110%; position: absolute; top: 0; left: -5%; } } } & ._textContainer_1xt6l_50 { display: flex; flex-direction: column; justify-content: center; color: $color-deep-purple; padding-left: 5rem; padding-right: 5rem; max-height: 800px; @media screen and (max-width: 768px) { order: 1; padding: 2rem 0; margin: 0 auto; text-align: left; max-width: 260px; width: 90%; } & h1 { font-size: 15rem; line-height: 13rem; font-family: $serenity; margin-bottom: 2rem; @media screen and (max-width: 768px) { font-size: 7rem; line-height: 7rem; text-align: center; } } & h2 { font-size: 2rem; font-family: $neue-haas-unica; margin-bottom: -1rem; @media screen and (max-width: 768px) { font-size: 1.2rem; text-align: left; padding-left: 3rem; } } & p { color: $color-black; } & ._links_1xt6l_97 { display: flex; flex-wrap: wrap; max-width: 500px; } & ._link_1xt6l_97 { width: 50%; padding: 0.5rem 0; text-decoration: underline; } & ._alignRight_1xt6l_109 { text-align: right; } } } /* /app/styles/components/footer.module.css */ ._footer_6g0cj_1 { background-color: #f6f6f6; padding: 1rem 0 60px; } ._wrapper_6g0cj_6 { flex-direction: column; display: flex; } ._sectionsContainer_6g0cj_11 { flex-direction: row; justify-content: space-around; gap: 1rem; margin-bottom: 1rem; display: flex; } @media (width <= 640px) { ._sectionsContainer_6g0cj_11 { flex-direction: column; justify-content: center; align-items: stretch; margin: 0 auto; display: flex; gap: 8px; } } ._navigationSection_6g0cj_30 { box-sizing: border-box; color: #25273c; flex-direction: column; flex-shrink: 0; height: auto; display: flex; position: relative; } ._sectionTitle_6g0cj_40 { cursor: pointer; pointer-events: auto; color: #25273c; display: flex; } ._navigationList_6g0cj_47 { list-style: none; padding: 0; margin: 0; } ._navigationItem_6g0cj_53 { flex-direction: column; display: flex; margin-bottom: 5px; } ._navigationLink_6g0cj_59 { cursor: pointer; pointer-events: auto; color: #25273c; display: flex; text-decoration: none; } @media (width <= 640px) { ._navigationLink_6g0cj_59 { text-align: center; margin: 0 auto; } ._navigationItem_6g0cj_53 { flex-direction: column; margin-left: auto; display: flex; } } ._logoContainer_6g0cj_80 { align-items: center; display: grid; } ._logoMask_6g0cj_85 { background-color: #25283d; width: 216px; height: 68px; mask: url("/svgs/kpc_logo.svg"); mask-position: center; mask-repeat: no-repeat; mask-size: contain; } @media (width <= 991px) { ._logoMask_6g0cj_85 { display: none; } } ._externalLink_6g0cj_103 { color: #1e293b; text-decoration: none; } ._contactSection_6g0cj_108 { text-align: center; margin: 0 auto; flex-direction: column; display: flex; width: fit-content; } ._contactInfo_6g0cj_116 { box-sizing: border-box; border-top:1px solid #c6c6c5; border-bottom:1px solid #c6c6c5; margin: 8px 0; padding: 1rem 0; } ._phoneNumber_6g0cj_124 { font-size: 16px; color: #25273d; text-decoration: none; } ._businessHours_6g0cj_130 { font-size: 16px; color: #25273d; } ._companyAddress_6g0cj_135 { color: rgba(0, 0, 0, 0.5); line-height: 12px; } ._copyrightSection_6g0cj_140 { color: rgba(0, 0, 0, 0.5); line-height: 12px; } ._copyrightText_6g0cj_145 { vertical-align: sub; font-size: smaller; color: rgba(0, 0, 0, 0.5); } ._legalLink_6g0cj_151 { color: rgba(0, 0, 0, 0.5); text-decoration: none; } ._legalLinkText_6g0cj_156 { vertical-align: sub; } @media (width > 640px) { ._navigationList_6g0cj_47 { display: block !important; } } @media (width <= 640px) { ._footer_6g0cj_1 { h2::after { font-size: 12px; line-height: 1; font-family: var(--font-awesome); font-weight: 900; padding-left: 0.5rem; content: "\f078"; } ._sectionTitle_6g0cj_40 { justify-content: center; } ._navigationList_6g0cj_47 { display: none; } ._contactSection_6g0cj_108 { margin-top: 1rem; } } ._logoContainer_6g0cj_80 { display: none; } } /* /app/styles/components/Header.module.css */ ._headerWrapper_3rric_1 { display: flex; flex-direction: column; position: fixed; top: 0; align-items: stretch; width: 100%; z-index: 1000; border-bottom: 1px solid #6965f8; background: white; } ._rowDT_3rric_12, ._rowMBL_3rric_13 { background-color: #fff; flex-direction: row; flex-shrink: 0; justify-content: space-between; gap: 1rem; width: 100%; max-width: 1313px; min-height: 75px; margin: 0 auto; padding: 1rem 2rem; display: flex; position: relative; } ._rowMBL_3rric_13 { display: none; padding: 10px 1rem; min-height: 45px; } @media (width <= 991px) { ._rowDT_3rric_12 { display: none; } ._rowMBL_3rric_13 { display: flex; } } ._logoSection_3rric_41 { width: 50%; justify-content: center; } @media (width > 991px) { ._logoSection_3rric_41 { width: 25%; justify-content: center; } } ._logoNormal_3rric_52, ._logoSticky_3rric_53, ._logoSmall_3rric_54 { pointer-events: auto; cursor: pointer; background-image: url('/svgs/kpc_logo.svg'); background-repeat: no-repeat; background-size: contain; background-position: center; width: 100%; max-width: 185px; height: 75px; display: flex; } ._logoSticky_3rric_53 { height: 50px; margin-top: 12.5px; } ._logoSmall_3rric_54 { height: 45px; } /* Clean-up */ ._hamburgerContainer_3rric_77 { flex-direction: row; justify-content: flex-start; align-items: center; gap: 1rem; width: 25%; display: flex; } ._burger_3rric_86 { font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; cursor: pointer; color: #333; } ._burger_3rric_86::before { content: '\f0c9'; } ._search_3rric_99 { color: #6965f8; font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; cursor: pointer; } ._search_3rric_99::before { content: '\f002'; } ._logoContainer_3rric_112 { flex-direction: row; justify-content: center; width: 50%; display: flex; } ._searchSection_3rric_119 { flex-direction: row; align-items: center; width: 50%; max-width: 600px; display: flex; } ._searchForm_3rric_127 { box-sizing: border-box; width: 100%; display: inline-block; position: relative; } ._searchInput_3rric_134 { width: 100%; } ._searchSubmitButton_3rric_138 { color: #9b9b9b; font-size: 20px; position: absolute; top: 7px; right: 1rem; } ._accountSection_3rric_146 { flex-direction: row; justify-content: flex-end; align-items: center; gap: 1rem; width: 25%; display: flex; } ._pawPerkButton_3rric_155, ._getStartedButton_3rric_156 { all: unset; box-sizing: border-box; color: #6965f8; text-align: center; cursor: pointer; appearance: none; background-color: #fff; border: 2px solid #6965f8; border-radius: 25px; flex-direction: column; flex-shrink: 0; padding: 0.5rem 1.5rem; font-family: serenity, sans-serif; font-weight: 600; display: flex; position: relative; transition: background-color var(--transition-primary); &:hover { background-color: var(--color-yellow); } } ._accountLink_3rric_180 { box-sizing: border-box; pointer-events: auto; color: #6965f8; cursor: pointer; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; display: block; } ._loginButton_3rric_190 { box-sizing: border-box; appearance: none; text-align: center; pointer-events: auto; cursor: pointer; background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 28px; height: 25px; font-size: 25px; line-height: 25px; display: none; color: #6965f8; font-family: 'Font Awesome 5 Pro', sans-serif; font-weight: 400; } ._loginButton_3rric_190::before { content: '\f007'; } ._accountButton_3rric_213 { box-sizing: border-box; appearance: none; text-align: center; cursor: pointer; pointer-events: auto; color: #6965f8; width: 28px; height: 25px; font: 600 25px 'Font Awesome 5 Pro', sans-serif; background-position: 50%; background-repeat: no-repeat; background-size: contain; display: none; } ._accountButton_3rric_213::before { content: '\f007'; } @media (width <= 991px) { ._accountLink_3rric_180, ._getStartedButton_3rric_156, ._pawPerkButton_3rric_155 { display: none; } ._loginButton_3rric_190, ._accountButton_3rric_213 { display: block; } } ._cartContainer_3rric_247 { position: relative; } ._cartBadge_3rric_251 { text-align: center; color: #fff; background-color: #00cacf; border-radius: 50%; width: 24px; height: 24px; font-size: 14px; font-weight: 600; line-height: 20px; position: absolute; top: -12px; right: -16px; } ._cartButton_3rric_266 { box-sizing: border-box; appearance: none; text-align: center; cursor: pointer; background-image: url(/svgs/cart.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 28px; height: 25px; display: block; } ._hamburgerMenu_3rric_280 { pointer-events: auto; font: 900 1.25rem 'Font Awesome 5 Pro', sans-serif; display: block; } /* Navigation */ ._navigation_3rric_289 { background-color: #6965f8; width: 100%; margin: 0 auto; display: flex; position: relative; } ._dropdownWrapper_3rric_297 { display: flex; position: relative; max-width: 1313px; margin: 0 auto; width: 100%; } ._navItemsNav_3rric_305, ._dropDown_3rric_306, ._menuMbl_3rric_307 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; justify-content: space-between; align-items: flex-start; gap: 1rem; width: 100%; max-width: 1313px; margin: 0 auto; padding: 8px 2rem; display: flex; position: relative; } ._dropDown_3rric_306 { padding: 1rem; position: absolute; z-index: 100; background: #25283d; border-radius: 0 0 1rem 1rem; } ._menuMbl_3rric_307 { position: absolute; z-index: 100; display: none; padding: 0 1rem; } ._accordion_3rric_335 { flex-direction: column; align-items: stretch; background: #25283d; border-radius: 0 0 1rem 1rem; } @media (width <= 991px) { ._dropDown_3rric_306, ._dropdownDT_3rric_344, ._navigation_3rric_289 { display: none; } ._menuMbl_3rric_307 { display: flex; } } ._navItemWrapper_3rric_354 { position: relative; } ._parent_3rric_358 { color: #fff; cursor: pointer; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; display: inline-block; } ._parent_3rric_358::after { font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; font-size: 1rem; } @media (width > 991px) { ._parent_3rric_358::after { line-height: 1; content: '\f078'; } } ._link_3rric_378 { all: unset; color: #fff; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; cursor: pointer; } ._subnavsWithChildren_3rric_386 { box-sizing: border-box; z-index: 2000; background-color: #25283d; border-radius: 10px; flex-direction: row; flex-shrink: 0; gap: 0.5rem 0.75rem; width: max-content; padding: 1rem 2rem; display: flex; position: absolute; top: 30px; } @media (width <= 991px) { ._subnavsWithChildren_3rric_386 { max-width: 580px; } } ._childNavSection_3rric_407 { flex: 1; flex-basis: fit-content; gap: 0.4rem; position: relative; border-right: 1px solid white; padding-right: 0.75rem; } ._childNavSection_3rric_407:last-child { border: none; padding-right: 0; } ._navTitle_3rric_420 { color: #f6f6f6; font: 18px neue-haas-unica-medium, sans-serif; } ._childNavList_3rric_427 { flex-direction: column; flex-shrink: 0; height: auto; display: flex; gap: 8px; } ._childNavLink_3rric_435 { all: unset; box-sizing: border-box; appearance: none; color: #fff; cursor: pointer; } ._join_3rric_443 { white-space: nowrap; } ._join_3rric_443:after { font-size: 1rem; line-height: 1; font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; content: '\f178'; } ._subnavsWithoutChildren_3rric_455 { box-sizing: border-box; z-index: 2000; background-color: #25283d; border-radius: 10px; flex-shrink: 0; gap: 6px; width: max-content; padding: 1rem 2rem; position: absolute; top: 30px; display: flex; flex-direction: column; } ._simpleNavItem_3rric_470 { flex: 1; flex-basis: fit-content; } ._darkOverlay_3rric_475 { box-sizing: border-box; opacity: 0.25; z-index: 75; background-color: #000; flex-grow: 1; flex-shrink: 0; margin-top: 20px; position: fixed; inset: 0; } @media only screen and (min-width: 550px) { ._child_nav_3rric_488:not(:last-child) { border-right: 1px solid white; padding-right: 1.5rem; } } /* MOBILE */ ._searchRow_3rric_496 { background-color: #6965f8; flex-direction: column; width: 100%; display: none; position: relative; } @media (width <= 991px) { ._searchRow_3rric_496 { display: flex; } } ._searchBar_3rric_510 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; justify-content: space-between; gap: 1rem; width: 100%; max-width: 1313px; margin: 0 auto; padding: 10px 1rem; display: flex; position: relative; } ._accordion_3rric_335 { box-sizing: border-box; flex-shrink: 0; width: 100%; padding: 1rem 0; position: relative; } ._lineItems_3rric_532 { align-items: center; position: relative; } @media (width <= 991px) { ._lineItems_3rric_532 { flex-direction: column; align-items: stretch; } } ._button_3rric_544 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; align-items: center; padding: 10px; display: flex; position: relative; } @media (width <= 991px) { ._button_3rric_544 { font-size: 24px; } } ._parent_3rric_358 { color: #fff; cursor: pointer; text-align: center; width: 100%; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; } ._link_3rric_378 { all: unset; color: #fff; text-align: center; width: 100%; font-family: neue-haas-unica-medium, sans-serif; font-weight: 600; cursor: pointer; } button._link_3rric_378::after { font-family: 'Font Awesome 5 Pro'; font-weight: 900; padding-left: 0.5rem; font-size: 1rem; } button._link_3rric_378[aria-expanded='false']::after { content: '\f054'; } button._link_3rric_378[aria-expanded='true']::after { content: '\f078'; } ._nav_items_mbl_3rric_591 ._builder-accordion-title-closed_3rric_591 ._parent_3rric_358::after, ._nav_items_mbl_3rric_591 ._closed_3rric_592 ._parent_3rric_358::after { } ._nav_items_mbl_3rric_591 ._builder-accordion-title-open_3rric_594 ._parent_3rric_358::after, ._nav_items_mbl_3rric_591 ._open_3rric_595 ._parent_3rric_358::after { content: '\f078'; } ._content_3rric_599 { background-color: #000; } @media (width <= 991px) { ._content_3rric_599 { background-color: #00000040; } } ._row_3rric_12 { flex-direction: column; flex: 1; flex-basis: fit-content; align-items: center; display: flex; } ._childLink_3rric_617 { all: unset; box-sizing: border-box; appearance: none; color: #00cacf; cursor: pointer; padding: 5px; } ._accordion2_3rric_626 { box-sizing: border-box; flex-shrink: 0; width: 100%; margin: 0 auto; padding: 1rem 0; position: relative; } ._subLines_3rric_635 { align-items: center; } ._button2_3rric_639 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; align-items: center; padding: 5px; display: flex; position: relative; } @media (width <= 991px) { ._button2_3rric_639 { font-size: 20px; } } ._subLink_3rric_655 { all: unset; box-sizing: border-box; appearance: none; color: #fff; cursor: pointer; padding: 5px; } ._content2_3rric_664 { background-color: transparent; } @media (width <= 991px) { ._content2_3rric_664 { font-size: 18px; } } ._child_3rric_407 { padding: 8px 0; } ._subChildLink_3rric_678 { all: unset; box-sizing: border-box; appearance: none; color: #ffffffe6; cursor: pointer; padding: 5px; } @media (width <= 991px) { ._subChildLink_3rric_678 { color: #00cacf; } } ._hiddenTitle_3rric_693, ._shownTitles_3rric_694 { width: 100%; } ._highlightMenu_3rric_698 { color: #f4e04d; } /* /app/styles/components/cart.module.css */ ._cartItem_et1eq_3 { position: relative; display: flex; flex-direction: row; justify-content: space-between; gap: 1rem; padding: 10px; margin: 1rem; border: 1px solid var(--color-purple); border-radius: 1rem; @media screen and (min-width: 1025px) { max-width: 760px; } @media screen and (min-width: 768px) { padding: 1rem; border-radius: 2rem; } } ._title_et1eq_21 { font-size: 1.125rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (max-width: 550px) { font-size: 0.9rem; margin: 0; } @media screen and (max-width: 375px) { font-size: 0.8rem; margin: 0; } @media screen and (max-width: 320px) { overflow: hidden; } } ._cartItemPrice_et1eq_39 { font-size: 1.5rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (max-width: 375px) { font-size: 1.25rem; } } ._middleCol_et1eq_47 { flex-grow: 2; display: flex; flex-direction: column; justify-content: space-between; } ._rightCol_et1eq_53 { display: flex; flex-direction: column; justify-content: space-between; text-align: right; } ._remove_et1eq_59 { color: var(--color-dark-purple); } ._cartFooter_et1eq_63 { width: 100%; bottom: 0; right: 0; background-color: #4b40c9; color: white; position: absolute; & a { width: 100%; } & ._cartDiscounts_et1eq_74 { width: 100%; background-color: var(--color-light-purple); border-top: 2px solid var(--color-purple); color: var(--color-secondary); display: flex; align-items: center; justify-content: space-between; flex-direction: column; padding: 0.5rem 1rem; @media screen and (min-width: 768px) { padding: 1rem 2rem 0.5rem; gap: 1rem; flex-direction: row; } & dl { margin: 8px 0; width: 100%; @media screen and (min-width: 768px) { width: 45%; } } & dt { font-weight: 800; } & form { width: 100%; display: flex; gap: 1rem; input { border-color: var(--color-purple); } } } & ._cartTotalCheckout_et1eq_109 { width: 100%; padding: 0.5rem 1rem; display: flex; align-items: center; flex-direction: column; @media screen and (min-width: 1025px) { flex-direction: row; padding: 0 2rem 0.5rem; } & ._cartTotal_et1eq_109 { & dl { display: flex; gap: 1rem; margin: 0.5rem 1rem; @media screen and (min-width: 1025px) { margin: 1rem; } } & ._cartSubTotal_et1eq_131 { font-size: 1.25rem; font-family: var(--font-neue-haas-unica-medium); @media screen and (min-width: 1025px) { font-size: 1.5rem; margin-top: 1rem; } & ._totalDiscount_et1eq_140 { font-size: 1rem; text-decoration: line-through; } } } & ._cartCheckout_et1eq_147 { text-align: center; margin: 0 auto; @media screen and (max-width: 1025px) { width: 50%; } @media screen and (max-width: 768px) { width: 80%; } @media screen and (max-width: 550px) { width: 100%; } @media screen and (min-width: 1025px) { padding-left: 32px; text-align: right; } & ._cartCheckoutP_et1eq_168 { margin-top: 14px; text-align: center; font-size: 0.75rem; opacity: 0.75; color: white; } } } } ._badges_et1eq_178 { justify-content: center; display: flex; flex-wrap: wrap; ._badge_et1eq_178 { width: 162px; height: auto; margin: 0.5rem; } } /* /app/styles/components/beacon.module.css */ ._help_me_nbdx6_1 { position: fixed; right: 1rem; z-index: 2000; } ._helpBottom_nbdx6_7 { bottom: 1rem; } ._helpTop_nbdx6_11 { top: 75px; position: absolute; } ._btnBeacon_nbdx6_16 { display: grid !important; position: absolute; bottom: 20px; right: -5px; place-content: center; width: 50px !important; height: 50px !important; color: var(--color-primary) !important; background-color: white !important; border: 2px solid var(--color-primary) !important; border-radius: 50% !important; font-size: 1.75rem !important; } /* /app/styles/components/PromoBar.module.css */ ._promoBarContainer_1pgeg_1 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; min-height: 35px; display: flex; position: relative; background-color: var(--color-yellow) } ._promoItem_1pgeg_11 { cursor: pointer; pointer-events: auto; z-index: 200; flex-direction: column; min-height: 35px; padding: 5px; display: flex; text-decoration: none; } ._promoContent_1pgeg_22 { pointer-events: auto; text-align: center; margin: 0 auto; display: flex; p { margin: 0; line-height: 1; } } ._promoText_1pgeg_34 { margin: 0; } /* /app/styles/components/quantity-input.module.css */ ._qSelector_m590c_1 { background-color: white; border-radius: var(--border-radius); border: 1px solid var(--color-dark-purple); padding: 3px; order: 1; min-width: 100px; max-width: 120px; grid-template-columns: 35px 1fr 35px; display: grid; input { text-align: center; -moz-appearance: textfield; border: none; border-radius: 0; appearance: none; width: 100%; color: var(--color-primary); font-size: 1rem; font-family: var(--font-neue-haas-unica-medium); font-weight: bold; background: white; } button { display: block; padding: 5px; color: white; height: 35px; width: 35px; &._customQButton_m590c_33 { font-size: 0.6rem; width: 29px; } &._disabled_m590c_38 { background-color: var(--color-med-grey); } } } ._customQSelector_m590c_44 { grid-template-columns: 30px 1fr 29px; } ._qBtn_m590c_48 { background-color: var(--color-dark-purple); color: white; border-radius: 50%; width: 100%; } ._qInput_m590c_55 { font-size: 1rem !important; text-align: center; border: none; padding: 0; width: 100%; color: black !important; &:focus { border: none; } } /* /app/styles/components/quantity-selector.module.css */ ._quantitySelector_vbgip_1 { display: flex; flex-direction: row; margin-top: 1rem; } ._cartQuantitySelector_vbgip_7 { gap: 1rem; @media only screen and (max-width: 550px) { justify-content: flex-start; flex-direction: column; } } ._colDir_vbgip_16 { flex-direction: column; & div { margin-top: 5px; } & label { display: flex !important; justify-content: center; &._accSelector_vbgip_27 { flex-direction: column; } } } ._fSelectorCart_vbgip_33 { order: 2; display: flex; align-items: center; & ._authoShipP_vbgip_38 { font-size: 1rem !important; } } /* /node_modules/pure-react-carousel/dist/react-carousel.es.css */ .buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4} /* /app/styles/components/carousel.module.scss */ ._carousel_kvwio_1 { max-width: 100vw; overflow: hidden; margin: 0 auto; width: 100%; } @media screen and (max-width: 768px) { ._carousel_kvwio_1 { max-width: 608px; } } @media screen and (max-width: 550px) { ._carousel_kvwio_1 { max-width: 300px; } } ._wrapper_kvwio_18 { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 1rem; } ._slider_kvwio_26 { display: flex; flex-wrap: nowrap; flex-direction: row; margin: 0; padding: 0; gap: 8px; } ._sliderWithChildren_kvwio_35 { display: flex; flex-wrap: nowrap; flex-direction: row; margin: 0 auto; padding: 0; } ._slideInner_kvwio_43 { display: grid; align-items: center; } ._rounded_kvwio_48 { border-radius: 0.5rem; } ._dotGroup_kvwio_52 { text-align: center; } ._spinner_kvwio_56 { display: grid; width: 100%; height: 100%; background-image: url("/svgs/Blue Cat-2s-200px.svg"); background-position: center; background-repeat: no-repeat; background-color: white; } ._mediaDots_kvwio_66 { display: none; } @media only screen and (min-width: 1025px) { ._mediaDots_kvwio_66 { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: center; gap: 8px; margin: 1rem 0 0; padding: 0; } ._mediaDots_kvwio_66 img { max-width: 100px; max-height: 100px; cursor: pointer; border: 2px solid #ffffff; } } /* /node_modules/swiper/swiper.css */ /** * Swiper 11.2.7 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2025 Vladimir Kharlampidi * * Released under the MIT License * * Released on: May 19, 2025 */ /* FONT_START */ @font-face { font-family: 'swiper-icons'; src: url('data:application/font-woff;charset=utf-8;base64, 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'); font-weight: 400; font-style: normal; } /* FONT_END */ :root { --swiper-theme-color: #007aff; /* --swiper-preloader-color: var(--swiper-theme-color); --swiper-wrapper-transition-timing-function: initial; */ } :host { position: relative; display: block; margin-left: auto; margin-right: auto; z-index: 1; } .swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; display: block; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; } .swiper-slide-invisible-blank { visibility: hidden; } /* Auto Height */ .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* 3D Effects */ .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } /* CSS Mode */ .swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } /* Slide styles start */ /* 3D Shadows */ .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; } .swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); } .swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; } .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Slide styles end */ /* /node_modules/swiper/modules/pagination.css */ :root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-left: auto; --swiper-pagination-right: 8px; --swiper-pagination-bottom: 8px; --swiper-pagination-top: auto; --swiper-pagination-fraction-color: inherit; --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25); --swiper-pagination-progressbar-size: 4px; --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-border-radius: 50%; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ } .swiper-pagination { position: absolute; text-align: center; transition: 300ms opacity; transform: translate3d(0, 0, 0); z-index: 10; } .swiper-pagination.swiper-pagination-hidden { opacity: 0; } .swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; } /* Common Styles */ .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: var(--swiper-pagination-bottom, 8px); top: var(--swiper-pagination-top, auto); left: 0; width: 100%; } /* Bullets */ .swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); } .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); } .swiper-pagination-bullet { width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); display: inline-block; border-radius: var(--swiper-pagination-bullet-border-radius, 50%); background: var(--swiper-pagination-bullet-inactive-color, #000); opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); } button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } .swiper-pagination-bullet:only-child { display: none !important; } .swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); } .swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: var(--swiper-pagination-right, 8px); left: var(--swiper-pagination-left, auto); top: 50%; transform: translate3d(0px, -50%, 0); } .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; } .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; } .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; } .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; } .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; } /* Fraction */ .swiper-pagination-fraction { color: var(--swiper-pagination-fraction-color, inherit); } /* Progress */ .swiper-pagination-progressbar { background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); position: absolute; } .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; } .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; } .swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: var(--swiper-pagination-progressbar-size, 4px); left: 0; top: 0; } .swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: var(--swiper-pagination-progressbar-size, 4px); height: 100%; left: 0; top: 0; } .swiper-pagination-lock { display: none; } /* /node_modules/swiper/modules/navigation.css */ :root { --swiper-navigation-size: 44px; /* --swiper-navigation-top-offset: 50%; --swiper-navigation-sides-offset: 10px; --swiper-navigation-color: var(--swiper-theme-color); */ } .swiper-button-prev, .swiper-button-next { position: absolute; top: var(--swiper-navigation-top-offset, 50%); width: calc(var(--swiper-navigation-size) / 44 * 27); height: var(--swiper-navigation-size); margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; color: var(--swiper-navigation-color, var(--swiper-theme-color)); } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; } .swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; } .swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; } .swiper-button-prev svg, .swiper-button-next svg { width: 100%; height: 100%; object-fit: contain; transform-origin: center; } .swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg { transform: rotate(180deg); } .swiper-button-prev, .swiper-rtl .swiper-button-next { left: var(--swiper-navigation-sides-offset, 10px); right: auto; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-lock { display: none; } /* Navigation font start */ .swiper-button-prev:after, .swiper-button-next:after { font-family: swiper-icons; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; font-variant: initial; line-height: 1; } .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after { content: 'prev'; } .swiper-button-next, .swiper-rtl .swiper-button-prev { right: var(--swiper-navigation-sides-offset, 10px); left: auto; } .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after { content: 'next'; } /* Navigation font end */ /* /node_modules/swiper/modules/effect-cards.css */ .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; } /* /app/styles/components/swiper.css */ .mySwiper { max-width: 100vw; width: 100%; } .photoSlider { max-width: 100vw; } .photoSlider .swiper-slide { width: auto; } .photoSlider .swiper-slide, .mySwiper .swiper-slide { display: flex; justify-content: center; align-items: center; } .swiper.swiper-cards { overflow: hidden !important; .swiper-wrapper { gap: 0; } } .mySwiper.swiper-cards .swiper-slide { text-align: left; } .mySwiper.swiper-cards .swiper-wrapper { padding-bottom: 2rem; } .swiper-wrapper { gap: 10px; } .swiper-button-next, .swiper-button-prev { &:after { content: "\f104"; font-family: var(--font-awesome); font-weight: 900; font-size: 30px; color: white; display: block; text-align: center; } border-radius: 50%; background-color: var(--color-primary); color: white; width: 45px; height: 45px; display: flex; align-items: center; justify-content: center; } .swiper-button-next:after { content: "\f105"; } .productContentSwiper { max-width: 100%; .swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; img { width: 90%; height: 90%; } } } .thumbsSwiper { max-width: 600px; width: 100%; margin: 0 auto; .swiper-slide { width: 100px; height: 100px; display: flex; justify-content: center; align-items: center; border: 2px solid white; border-radius: 0.5rem; img { width: 100%; height: 100%; object-fit: cover; opacity: 0.7; transition: opacity 0.3s ease; } &.swiper-slide-thumb-active { border: 2px solid var(--color-primary); img { opacity: 1; } } } } @media only screen and (max-width: 550px) { .productContentSwiper { max-width: 100%; } .thumbsSwiper { display: none; } .swiper-button-next, .swiper-button-prev { &:after { font-size: 20px; } width: 35px; height: 35px; } } /* /app/styles/components/video.module.scss */ ._playerWrapper_1hwab_1 { width: 100%; height: auto; position: relative; } ._playerWrapper_1hwab_1:hover { cursor: pointer; } ._externalPlayerWrapper_1hwab_10 { height: 56.25%; } ._controls_1hwab_14 { width: 50px; height: 50px; background-color: #6965f8; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } ._controlIcon_1hwab_29 { color: #ffffff; font-size: 20px; } ._playIcon_1hwab_34 { margin-left: 4px; } ._pauseControls_1hwab_38 { display: none; }