/* /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; } } /* /app/styles/components/Collection.module.css */ ._collection_8da7z_1 { box-sizing: border-box; width: 100%; max-width: 1313px; min-height: 100px; margin: 0 auto; padding: 1rem 2rem; position: relative; } @media (width <= 640px) { ._collection_8da7z_1 { padding: 2rem 1rem 1rem; flex-direction: column; display: flex; } } ._section_8da7z_19 { box-sizing: border-box; flex-direction: column; flex-grow: 1; align-self: stretch; align-items: stretch; width: 100%; max-width: 1200px; min-height: 100px; margin: 0 auto; padding: 1rem 2rem; display: flex; position: relative; } @media (width <= 640px) { ._section_8da7z_19 { flex-direction: column; display: flex; } } ._breadcrumb_8da7z_41 { box-sizing: border-box; flex-direction: row; flex-shrink: 0; margin: 1rem 0; font-size: 14px; display: flex; position: relative; white-space: nowrap; flex-wrap: wrap; } ._breadcrumbLink_8da7z_53 { cursor: pointer; pointer-events: auto; color: #25283d; text-decoration: underline; display: flex; } ._breadcrumbSeparator_8da7z_61 { margin: 0 8px; } ._breadcrumbCurrent_8da7z_65 { pointer-events: auto; color: #25283d; display: flex; } ._heading_8da7z_71, ._headingSticky_8da7z_71 { min-height: 44px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; position: relative; flex-wrap: wrap; gap: 1rem; } ._headingSticky_8da7z_71 { padding: 12px 0; position: sticky; top: 110px; width: 100%; z-index: 200; background: rgba(255, 255, 255, 0.8) } ._headingRow_8da7z_90 { flex-direction: row; flex-shrink: 0; align-items: center; gap: 8px; display: flex; } ._sort_8da7z_97 { flex-direction: row; display: flex; gap: 8px; align-items: center; span { font-weight: 600; } } @media (width <= 640px) { ._heading_8da7z_71, ._headingSticky_8da7z_71 { justify-content: center; } ._headingRow_8da7z_90 { flex-flow: wrap; justify-content: center; align-self: center; width: auto; display: flex; } } ._title_8da7z_120 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; height: auto; font: 700 1.5rem neue-haas-unica, sans-serif; display: flex; position: relative; } @media (width <= 640px) { ._title_8da7z_120 { text-align: center; width: 100%; margin: 0 auto; } } ._collectionGrid_8da7z_138 { box-sizing: border-box; flex-flow: wrap; flex-shrink: 0; justify-content: space-around; align-items: stretch; gap: 8px; margin: 20px auto 0; display: flex; position: relative; } ._blogsGrid_8da7z_149 { box-sizing: border-box; flex-flow: wrap; flex-shrink: 0; align-items: stretch; gap: 20px; margin: 2rem auto; display: flex; position: relative; } ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { box-sizing: border-box; pointer-events: auto; border: 2px solid #fff0; border-radius: 1.5rem; gap: 8px; max-width: 280px; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; } ._collectionItem_8da7z_161:hover { border-color: #4b40c9; ._shopNowContainer_8da7z_174 { opacity: 1; } ._prices_8da7z_177 { opacity: 0; } } ._pawperksItem_8da7z_160 { border-radius: 15px; border-width: 0; box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.1); } ._pawperksItem_8da7z_160:hover { box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.4); } @media (width <= 991px) { ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { margin-bottom: 24px; } } @media (width <= 640px) { ._pawperksItem_8da7z_160, ._collectionItem_8da7z_161 { max-width: 300px; } } ._imageContainer_8da7z_206 { pointer-events: auto; background-color: #fff; flex-direction: column; justify-content: center; align-items: center; padding: 1.25rem; display: flex; position: relative; overflow: hidden; } ._itemImage_8da7z_218 { aspect-ratio: 1; object-fit: contain; object-position: center; box-sizing: border-box; width: 15rem; height: 15rem; } @media (width <= 640px) { ._itemImage_8da7z_218 { width: 15rem; height: 15rem; } } ._itemContainer_8da7z_234 { box-sizing: border-box; flex-direction: column; max-width: 240px; text-align: center; margin: 0 auto 2.5rem; display: flex; } ._pawperksItem_8da7z_160 { ._itemContainer_8da7z_234 { margin: 0 auto; } } @media (width <= 640px) { ._itemContainer_8da7z_234 { max-width: 300px; margin-bottom: 30px; } ._pawperksItem_8da7z_160 { ._itemContainer_8da7z_234 { margin-bottom: 0px; } } } ._itemTitle_8da7z_260 { box-sizing: border-box; text-align: center; color: #25283d; flex-direction: column; flex-shrink: 0; height: auto; margin: 0 auto 8px; font: 700 1rem serenity, sans-serif; display: flex; position: relative; opacity: 1; } @media (width <= 991px) { ._itemTitle_8da7z_260 { font-size: 24px; } } @media (width <= 640px) { ._itemTitle_8da7z_260 { font-size: 1.25rem; } } ._prices_8da7z_177 { margin: 0 auto; font-size: 20px; font-weight: bold; display: flex; gap: 8px; ._strikeout_8da7z_291 { color: #9B9B9B; text-decoration: line-through; } ._price_8da7z_177 { color: #00CACF; } } ._pawperksItem_8da7z_160 { ._prices_8da7z_177 { margin: 0 auto; font-size: 20px; display: flex; gap: 8px; font-weight: normal; ._strikeout_8da7z_291 { color: rgb(228, 31, 31); text-decoration: line-through; } ._price_8da7z_177 { color: var(--color-body-text); font-weight: bold; } } } ._shopNowContainer_8da7z_174 { box-sizing: border-box; text-align: center; pointer-events: auto; cursor: pointer; flex-direction: column; width: 100%; padding: 1rem; display: flex; position: absolute; bottom: 0; opacity: 0; } ._ctaButton_8da7z_332 { box-sizing: border-box; margin: auto auto 0; padding: 8px 30px 10px; width: 90%; } ._shopNow_8da7z_174 { text-align: center; flex-direction: column; width: 100%; padding: 1rem; display: flex; ._ctaButton_8da7z_332 { border: 1px solid var(--color-dark-purple); color: var(--color-dark-purple); font-size: 18px; font-weight: 700; padding: 10px 30px 11px; } ._ctaButton_8da7z_332:hover { background-color: var(--color-dark-purple); color: rgba(255, 255, 255, 1); transition: all 0.5s cubic-bezier(.37, .01, 0, .98); transition-delay: 0s; } } ._loadmore_8da7z_359 { text-align: center; flex-direction: column; margin: 0 auto; padding: 1rem; display: flex; ._ctaButton_8da7z_332 { box-sizing: border-box; margin: auto auto 0; padding: 8px 30px 10px; width: auto; } } ._noResultsMessage_8da7z_374 { color: #4b40c9; text-align: center; height: auto; font-size: 24px; font-weight: 600; } /* /app/styles/components/Blogs.module.css */ ._articleCard_1xo0d_1 { cursor: pointer; pointer-events: auto; flex-direction: row; gap: 16px; width: 49%; display: flex; } @media (width <= 991px) { ._articleCard_1xo0d_1 { width: 100%; } } ._articleImage_1xo0d_16 { aspect-ratio: 1; object-fit: cover; object-position: center; width: 200px; min-width: 200px; min-height: 20px; overflow: hidden; } @media (width <= 640px) { ._articleCard_1xo0d_1 { flex-direction: column; } ._articleImage_1xo0d_16 { margin: 0 auto; } } ._contentWrapper_1xo0d_35 { flex-grow: 1; width: auto; } ._headerSection_1xo0d_40 { border-bottom: 1px solid var(--color-med-grey, #c6c6c5); flex-direction: row; justify-content: space-between; align-items: center; gap: 18px; margin-bottom: 4px; padding-bottom: 4px; display: flex; } ._blogName_1xo0d_51 { height: auto; } ._publishDate_1xo0d_55 { height: auto; color: var(--color-dark-grey, #5f5f5f); font-size: var(--font-size-small, 14px); font-style: italic; } ._articleTitle_1xo0d_62 { height: auto; color: var(--color-purple, #6965f8); font-weight: 600; font-size: var(--font-size-heading3, 20px); } ._articleExcerpt_1xo0d_69 { height: auto; color: var(--color-black, #25283d); font-size: var(--font-size-body, 16px); } ._blogPage_1xo0d_75 { box-sizing: border-box; width: 100%; max-width: 1313px; min-height: 100px; margin: 0 auto; padding: 1rem 2rem; position: relative; } ._blogHeader_1xo0d_85 { flex-direction: row; justify-content: space-between; align-items: flex-end; margin-top: 25px; display: flex; } @media (width <= 991px) { ._blogHeader_1xo0d_85 { margin-top: 5px; flex-direction: column; } } ._mobileLink_1xo0d_100 { pointer-events: auto; color: var(--color-purple, #6965f8); cursor: pointer; margin-bottom: 6px; font-weight: 600; font-size: 14px; display: none; } ._title_1xo0d_110 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; height: auto; margin: 0 auto 15px 0; font: 700 32px/1.5 neue-haas-unica, sans-serif; display: flex; position: relative; } @media (width <= 991px) { ._mobileLink_1xo0d_100 { margin: 0 auto 9px 0; display: flex; } ._title_1xo0d_110 { font-size: 24px; } } @media (width <= 640px) { ._mobileLink_1xo0d_100 { margin: 0 auto 9px; display: flex; } ._title_1xo0d_110 { text-align: center; width: 100%; margin: 0 auto; font-size: 25px; } } ._desktopLink_1xo0d_145 { pointer-events: auto; color: var(--color-purple, #6965f8); cursor: pointer; margin-bottom: 15px; font-size: 18px; font-style: italic; display: flex; } @media (width <= 991px) { ._desktopLink_1xo0d_145 { display: none; } } ._titleRow_1xo0d_161 { border-top: 2px solid var(--color-dark-purple, #4b40c9); flex-direction: row; justify-content: space-between; gap: 8px; margin-bottom: 2rem; padding-top: 15px; line-height: 2; display: flex; } @media (width <= 640px) { ._titleRow_1xo0d_161 { padding-top: 10px; } } ._authorSection_1xo0d_178, ._dateInput_1xo0d_179 { height: auto; color: var(--color-dark-grey, #5f5f5f); font-size: 14px; line-height: 2; } ._imageContainer_1xo0d_185 { aspect-ratio: 1.42; object-fit: cover; object-position: top; flex-grow: 0; width: 100%; min-width: 20px; min-height: 350px; margin-bottom: 50px; overflow: hidden; } ._blogArticle_1xo0d_197 { width: 90%; margin: 0 auto 4rem; } @media (width <= 640px) { ._imageContainer_1xo0d_185 { margin-bottom: 30px; } ._blogArticle_1xo0d_197 { width: 100%; margin: 0 auto 2rem; } }

KPC Blogs