/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/modal.module.css */ ._cover_8xafb_1 { bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 2000; & ._fuzzy_8xafb_9 { height: 100%; width: 100%; left: 0; position: absolute; top: 0; background-color: rgb(0 0 0/0.25); backdrop-filter: blur(4px); } } ._closeit_8xafb_19 { background: none; border: none; cursor: pointer; font-size: 1.5rem; position: absolute; right: 0.5rem; top: 0.5rem; border-radius: 50%; width: 2rem; height: 2rem; display: flex; align-items: center; justify-content: center; background-color: var(--color-dark-grey); color: white; z-index: 2100; } ._dialogWrapper_8xafb_38 { position: fixed; width: 100vw; height: 100vh; display: grid; place-items: center; & ._dialogPanel_8xafb_45 { position: relative; background: white; border: 2px solid var(--color-dark-grey); border-radius: 1rem; padding: 1rem; text-align: center; max-height: 95vh; max-width: 95vw; overflow-y: auto; & h2._alert_8xafb_56 { background-color: white; } } & ._dialogContent_8xafb_61 { display: flex; grid-gap: 1rem; flex-wrap: wrap; justify-content: center; &._nogrid_8xafb_66 { display: block; } } & h2 { line-height: 1; margin: 0 0 0.5rem; padding: 0 1rem 0.5rem; border-bottom: 1px solid var(--color-med-grey); } &._loader_8xafb_76 { & h2 { color: var(--color-dark-purple); border: none; } & ._loading_8xafb_81 { min-height: 240px; min-width: 240px; } } & p { line-height: 1.2; } } /* /app/styles/components/auto-ship.module.css */ ._subscription_1ljvg_1 { border-radius: 1rem; padding: 1rem; margin: 0.75rem 0; border: 1px solid var(--color-med-grey); & ._flexspace_1ljvg_7 { align-items: baseline; display: flex; flex-direction: row; justify-content: space-between; } & ._flexspacetop_1ljvg_13 { display: flex; flex-direction: row; justify-content: space-between; } & ._horizontalLine_1ljvg_18 { width: 100%; background-color: var(--color-med-grey); height: 2px; margin: 1rem 0; } & h2 { padding: 0; margin: 0; border: none; } & ._subUl_1ljvg_31 { padding-left: 1rem; & ._subLi_1ljvg_34 { text-align: right; font-size: 1rem; margin: 0.75rem 0; &::marker { font-size: 0.8rem; } span { position: relative; left: -5px; } } } & ._shippingInformation_1ljvg_50 { display: grid; grid-template-columns: 3fr 2fr; grid-template-rows: 1fr; margin-bottom: 1rem; & ._title_1ljvg_57 { text-align: left; } & ._addressLine_1ljvg_61 { text-align: right; } } & ._shippingPlan_1ljvg_66 { margin-bottom: 0.25rem; } & ._nextShipmentDate_1ljvg_69 { margin-bottom: 2rem; } } ._autoshipBtns_1ljvg_74 { display: flex; flex-direction: column; align-items: center; grid-gap: 8px; } ._addToAutoshipBtn_1ljvg_81 { line-height: normal; background-color: var(--color-yellow); color: var(--color-black); &:hover, &:active, &:focus { background-color: rgb(from var(--color-yellow) h s calc(l - 25%)); color: var(--color-white); } i { margin-left: 10px; } } ._addressLine_1ljvg_61 { margin-bottom: 5px; font-size: 14px; } ._autoShipModal_1ljvg_101 { border-radius: 12px; padding: 1.5rem 1.5rem 1.25rem; max-width: 550px; margin: 0 auto; position: relative; display: flex; flex-direction: column; } ._modalHeader_1ljvg_111 { text-align: center; position: relative; margin-bottom: 1rem; flex-shrink: 0; & h2 { font-size: 1.5rem; margin: 0; color: #333; font-weight: 600; font-family: var(--font-neue-haas-unica); } } ._closeButton_1ljvg_126 { position: absolute; right: -1rem; top: -1rem; background: white; border: 1px solid #e5e5e5; border-radius: 50%; width: 2rem; height: 2rem; font-size: 1.25rem; cursor: pointer; color: #666; display: flex; align-items: center; justify-content: center; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); z-index: 1; &:hover { color: #333; background-color: #f5f5f5; } } ._subscriptionListContainer_1ljvg_150 { position: relative; flex: 1; min-height: 0; margin: 0 -0.5rem 0 0; } ._subscriptionListScroll_1ljvg_157 { position: relative; height: 100%; overflow-y: auto; max-height: 60vh; padding-right: 0.5rem; /* Webkit scrollbar styles */ &::-webkit-scrollbar { width: 6px; } &::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 3px; } &::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 3px; &:hover { background: #a8a8a8; } } /* Firefox scrollbar styles */ scrollbar-width: thin; scrollbar-color: #c1c1c1 #f1f1f1; } ._subscriptionList_1ljvg_150 { padding: 1rem 0; } ._subscription_1ljvg_1 { display: flex; align-items: flex-start; background-color: #f8f9fa; border: 1px solid #e5e5e5; border-radius: 8px; padding: 1.25rem; margin-bottom: 0.75rem; cursor: pointer; transition: all 0.2s ease; &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } &:hover { border-color: #4052ef; background-color: #f8f9ff; } input[type="radio"]:checked + ._subscriptionContent_1ljvg_216 { background-color: #f0f7ff; } } ._radioWrapper_1ljvg_221 { margin-right: 1rem; padding-top: 0.25rem; & input[type="radio"] { appearance: none; width: 1.25rem; height: 1.25rem; border: 2px solid #4052ef; border-radius: 50%; margin: 0; position: relative; cursor: pointer; &:checked { background-color: #4052ef; border-color: #4052ef; &::after { content: ""; position: absolute; width: 0.5rem; height: 0.5rem; background-color: white; border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); } } } } ._subscriptionContent_1ljvg_216 { flex: 1; } ._subscriptionHeader_1ljvg_258 { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 1.25rem; & h3 { font-size: 1.125rem; margin: 0; color: #333; font-weight: 600; font-family: var(--font-neue-haas-unica); } } ._nextShipment_1ljvg_69 { color: #666; font-size: 0.875rem; & span { font-weight: normal; } } ._detailsSection_1ljvg_282 { margin-bottom: 1.25rem; } ._divider_1ljvg_286 { height: 1px; background-color: #e5e5e5; margin: 1.25rem 0; width: 100%; } ._detailRow_1ljvg_293 { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.4; &:last-child { margin-bottom: 0; } & ._label_1ljvg_305 { color: #666; font-weight: 500; flex: 0 0 35%; } & ._value_1ljvg_311 { color: #333; text-align: right; flex: 0 0 60%; } } ._includedItems_1ljvg_318 { & h4 { font-size: 0.875rem; color: #666; margin: 0 0 0.75rem 0; font-weight: 500; } & ul { list-style: disc; margin: 0; padding-left: 1.25rem; color: #333; font-size: 0.875rem; line-height: 1.5; li { margin-bottom: 0.25rem; text-align: left; &:last-child { margin-bottom: 0; } } } } ._actions_1ljvg_345 { display: flex; gap: 1rem; padding-top: 1.5rem; flex-shrink: 0; } ._addToAutoshipBtn_1ljvg_81, ._oneTimeBtn_1ljvg_353 { flex: 1; padding: 0.875rem 1.5rem; border-radius: 6px; font-weight: 600; font-size: 0.9375rem; cursor: pointer; transition: all 0.2s ease; text-align: center; font-family: var(--font-neue-haas-unica); &:disabled { opacity: 0.6; cursor: not-allowed; } } ._addToAutoshipBtn_1ljvg_81 { background-color: #ffd814; color: #111; border: none; &:hover:not(:disabled) { background-color: #f7ca00; } } ._oneTimeBtn_1ljvg_353 { background-color: #4052ef; color: white; border: none; &:hover:not(:disabled) { background-color: #3445d6; } } ._success_1ljvg_390 { text-align: center; padding: 2rem; & p { color: #059669; font-size: 1rem; margin: 0 0 1.5rem 0; } } ._viewAccountBtn_1ljvg_401 { display: inline-block; padding: 0.75rem 2rem; background-color: #4052ef; color: white; text-decoration: none; border-radius: 6px; font-weight: 500; transition: background-color 0.2s ease; &:hover { background-color: #3445d6; color: white; } } ._footer_1ljvg_417 { margin-top: 0.75rem; text-align: center; flex-shrink: 0; } ._disclaimer_1ljvg_423 { color: #666; font-size: 0.75rem; margin: 0; font-style: italic; } ._noSubscriptions_1ljvg_430 { text-align: center; padding: 2rem; & h2 { color: #333; font-size: 1.25rem; margin: 0 0 2rem 0; line-height: 1.5; font-family: var(--font-neue-haas-unica); } } ._note_1ljvg_443 { font-size: 1rem; text-align: center; margin: 1rem 0; font-style: italic; } /* /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/PDP.module.css */ ._productContainer_1ktd8_2 { gap: 20px; display: flex; } @media (width <= 991px) { ._productContainer_1ktd8_2 { flex-direction: column; align-items: stretch; gap: 0; padding: 1rem 0 0; } } ._imageColumn_1ktd8_16 { flex-direction: column; align-items: stretch; width: 50%; margin-left: 0; line-height: normal; display: flex; } @media (width <= 991px) { ._imageColumn_1ktd8_16 { width: 100%; } } ._mobileTitle_1ktd8_32 { height: auto; display: none; } @media (width <= 991px) { ._mobileTitle_1ktd8_32 { display: flex; } } @media (width <= 640px) { ._mobileTitle_1ktd8_32 { font-size: 28px; display: flex; } } ._imageWrapper_1ktd8_50 { position: relative; } ._productImage_1ktd8_54 { aspect-ratio: 1.42; object-fit: cover; object-position: center; visibility: hidden; width: 0; max-width: 0; } ._productDetails_1ktd8_63 { text-align: left; flex-direction: column; height: auto; padding-bottom: 30px; display: flex; position: relative; } ._desktopTitle_1ktd8_72 { height: auto; display: flex; } @media (width <= 991px) { ._desktopTitle_1ktd8_72 { display: none; } } @media (width <= 640px) { ._desktopTitle_1ktd8_72 { display: none; } } ._reviewWidget_1ktd8_89 { flex-direction: row; margin: 0 auto 8px 0; display: flex; } ._inStock_1ktd8_95, ._outOfStock_1ktd8_96 { color: #48bf29; flex-direction: row; align-items: center; margin: 0; i { margin-right: 8px; } } ._outOfStock_1ktd8_96 { color: #d0021b; } ._priceContainer_1ktd8_110 { flex-direction: row; gap: 8px; display: flex; } @media (width <= 991px) { ._reviewWidget_1ktd8_89, ._inStock_1ktd8_95, ._outOfStock_1ktd8_96, ._priceContainer_1ktd8_110 { margin: 0 auto; } } ._comparePrice_1ktd8_125 { color: #999; height: auto; font: 2rem neue-haas-unica-medium, sans-serif; text-decoration: line-through; } ._currentPrice_1ktd8_132 { color: #4b40c9; height: auto; font: 2rem neue-haas-unica-medium, sans-serif; span { font-size: 16px; } } ._savingsText_1ktd8_141 { height: auto; margin-top: 20px; font-weight: 600; } @media (width <= 991px) { ._savingsText_1ktd8_141 { margin: 0 auto; } } ._quantitySection_1ktd8_153 { flex-direction: row; align-self: start; gap: 16px; margin: 20px auto 0 0; display: flex; } @media (width <= 991px) { ._quantitySection_1ktd8_153 { justify-content: center; align-self: center; margin-left: auto; } } ._variantSection_1ktd8_169 { flex-direction: column; align-items: stretch; gap: 8px; margin-top: 16px; display: flex; } @media (width <= 991px) { ._variantSection_1ktd8_169 { flex-direction: column; align-items: stretch; margin: 0 auto; display: flex; } } ._variantLabel_1ktd8_186 { height: auto; font-weight: 600; } @media (width <= 991px) { ._variantLabel_1ktd8_186 { text-align: center; } } ._variantSelect_1ktd8_197 { align-self: flex-start; width: auto; padding-right: 50px; } @media (width <= 640px) { ._variantSelect_1ktd8_197 { text-align: center; align-self: center; width: 100%; padding-right: 28px; } } ._sellingPlans_1ktd8_212 { display: flex; flex-direction: column; gap: 16px; margin-top: 16px; } ._autoShipOption_1ktd8_219 { cursor: pointer; border: 2px solid #c6c6c6; border-radius: 16px; flex-direction: row; gap: 8px; padding: 16px; display: flex; } @media (width <= 640px) { ._autoShipOption_1ktd8_219 { padding: 10px; } } ._radioButton_1ktd8_235 { background-color: #fff; border-style: solid; border-width: 1px; border-radius: 15px; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; display: flex; } @media (width <= 640px) { ._radioButton_1ktd8_235 { min-width: 30px; } } ._radioSelected_1ktd8_254 { background-color: #4b40c9; border-radius: 10px; width: 16px; height: 16px; } ._autoShipContent_1ktd8_261 { margin-right: auto; } ._autoShipTitle_1ktd8_265 { flex-direction: row; align-items: center; gap: 8px; display: flex; h3 { margin: 0; } } ._autoShipLabel_1ktd8_275 { white-space: nowrap; height: auto; font-size: 20px; font-weight: 600; } ._freeShippingBadge_1ktd8_282 { box-sizing: border-box; color: #48bf29; flex-direction: column; flex-shrink: 0; height: auto; font-style: italic; font-weight: 600; display: flex; position: relative; } ._planDescription_1ktd8_294 { color: #666; height: auto; } ._selectPrompt_1ktd8_299 { font-weight: 600; } ._optionGroup_1ktd8_303 { cursor: pointer; border: 2px solid #c6c6c6; border-radius: 16px; flex-direction: row; gap: 8px; padding: 16px; display: flex; &._selected_1ktd8_312 { border: 2px solid #4b40c9; } } @media (width <= 640px) { ._optionGroup_1ktd8_303 { padding: 10px; } } ._optionGroupRadio_1ktd8_323 { background-color: #fff; border-style: solid; border-width: 1px; border-radius: 15px; flex-direction: row; justify-content: center; align-items: center; width: 30px; height: 30px; display: flex; } ._optionGroupSelected_1ktd8_336 { background-color: #4b40c9; border-radius: 10px; width: 16px; height: 16px; } ._optionGroupLabel_1ktd8_343 { height: auto; font-size: 20px; font-weight: 600; } ._optionRight_1ktd8_349 { margin-left: auto; } ._optionDescription_1ktd8_353 { text-align: center; font-weight: 600; } ._oneTimeTitle_1ktd8_358 { flex-direction: row; align-items: center; gap: 8px; display: flex; } ._shippingPrompt_1ktd8_366 { box-sizing: border-box; text-align: center; color: #ff4242; flex-direction: column; flex-shrink: 0; height: auto; font-style: italic; font-weight: 600; display: flex; position: relative; } ._couponBox_1ktd8_379 { box-sizing: border-box; color: #4b40c9; flex-direction: row; align-items: center; gap: 8px; margin: 0 auto; display: flex; position: relative; i { font-family: var(--font-awesome); font-size: 32px; } p { margin: 0; } } ._ctaButton_1ktd8_397 { margin-top: 16px; } ._trustBadges_1ktd8_401 { box-sizing: border-box; flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin: 2rem auto 0; padding-bottom: 30px; display: flex; position: relative; color: #666; i { font-family: var(--font-awesome); color: #48bf29; font-size: 24px; margin-right: 8px } } ._rightColumn_1ktd8_424 { flex-direction: column; align-items: stretch; width: 50%; margin-left: 20px; line-height: normal; display: flex; } @media (width <= 991px) { ._rightColumn_1ktd8_424 { width: 100%; } } ._detailsList_1ktd8_439 { flex-flow: column; margin-top: 2rem; } ._mobileOnly_1ktd8_444 { display: none; } @media (width <= 640px) { ._notMobile_1ktd8_448 { display: none; } ._mobileOnly_1ktd8_444 { display: block; } } ._compare_1ktd8_125 { margin-bottom: 1rem; } /* /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, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA'); 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/free-mode.css */ .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } /* /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/thumbs.css */ /* /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/Accordions.module.css */ ._detailsList_ify9y_1 { flex-flow: column; margin-top: 2rem; } @media (width <= 991px) { ._list_ify9y_7 { display: none; } } @media (width <= 640px) { ._list_ify9y_7 { display: none; } } ._accordionSection_ify9y_18 { border-bottom: 1px solid #c6c6c5; margin-top: 10px; } ._accordionHeader_ify9y_23 { cursor: pointer; flex-direction: row; justify-content: space-between; align-items: center; display: flex; width: 100%; background: none; border: none; padding: 0; text-align: left; } ._chevronIcon_ify9y_36 { font-size: 1.5rem; } ._accordionContent_ify9y_40 { margin-top: 1rem; } ._instructionsContent_ify9y_44 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; margin-top: 1rem; display: flex; position: relative; } ._videoContainer_ify9y_53 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; width: 100%; min-width: 20px; min-height: 20px; margin-top: 20px; display: flex; position: relative; } ._videoWrapper_ify9y_65 { position: relative; } ._video_ify9y_53 { object-fit: cover; object-position: center; box-sizing: border-box; border-radius: 1px; flex-direction: column; flex-shrink: 0; width: 100%; min-width: 20px; height: 100%; min-height: 20px; margin-top: 20px; display: flex; position: relative; } ._videoAspectRatio_ify9y_85 { pointer-events: none; width: 100%; padding-top: 70.0405%; font-size: 0; } ._customCounter_ify9y_92 { counter-reset: item; padding-left: 0; } ._customCounter_ify9y_92 li { display: block; margin-bottom: 0.5em; padding-left: 2em; position: relative; } ._customCounter_ify9y_92 li::before { content: counter(item) "."; counter-increment: item; position: absolute; left: 0; font-weight: bold; } /* /app/styles/components/Recommended.module.css */ ._recommended_1dghn_1 { margin-top: 2rem; flex-direction: column; display: flex; } @media (width <= 640px) { ._recommended_1dghn_1 { flex-direction: column; display: flex; } } ._productsContainer_1dghn_14 { box-sizing: border-box; scroll-behavior: smooth; flex-direction: row; flex-shrink: 0; justify-content: space-between; gap: 0.5rem; margin: 0 auto; display: flex; position: relative; overflow-y: hidden; } @media (width <= 640px) { ._productsContainer_1dghn_14 { width: 240px; } } ._product_1dghn_14 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; width: 15%; min-width: 180px; display: flex; position: relative; border: 2px solid #fff0; border-radius: 10px; overflow: hidden; &:hover { border-color: #4b40c9; } } @media (width <= 991px) { ._product_1dghn_14 { gap: 0.5rem; } } @media (width <= 640px) { ._product_1dghn_14 { width: 100%; } } ._productLink_1dghn_62 { pointer-events: auto; color: #25283d; cursor: pointer; text-decoration: none; } ._productImage_1dghn_69 { aspect-ratio: 1; object-fit: contain; object-position: center; box-sizing: border-box; background-color: #fff; border-radius: 0.75rem; flex-shrink: 0; width: 100%; min-width: 20px; max-width: 280px; overflow: hidden; } @media (width <= 640px) { ._productImage_1dghn_69 { width: 100%; } } ._productInfo_1dghn_89 { box-sizing: border-box; flex-direction: column; flex-shrink: 0; justify-content: space-between; height: 90px; margin: 1.25rem 0 8px; padding: 0 0.63rem; display: flex; position: relative; } @media (width <= 640px) { ._productInfo_1dghn_89 { height: 75px; } } ._productTitle_1dghn_107 { text-align: center; color: #25283d; font-size: 14px; font-weight: 600; } ._productPrice_1dghn_114 { box-sizing: border-box; text-align: center; color: #06b6d4; flex-direction: column; height: auto; font-weight: 600; display: flex; position: relative; } /* /app/styles/components/compare-similar-items.module.css */ ._compareSimilarContainer_3cxxs_1 { overflow: auto; width: 92vw; max-width: 1200px; & table { position: relative; } & img { width: 100px; height: auto; } & a { color: var(--color-black); } & ._checkIcon_3cxxs_18 { color: var(--color-green); } & ._compareItemMain_3cxxs_22 { display: flex; flex-direction: column; align-items: center; font-family: var(--font-neue-haas-unica-medium); margin-bottom: 0.5rem; padding: 0 2rem; } & table { display: block; margin: 2rem 0; max-width: 1200px; border-collapse: collapse; } & th { font-size: 12px; font-family: var(--font-neue-haas-unica-medium); display: block; margin-right: 10px; padding: 1rem 0; } & td { font-size: 12px; font-family: var(--font-neue-haas-unica); text-align: center; border: 1px solid var(--color-primary); padding: 1rem 0; } & ._compareItemPrice_3cxxs_54 { font-family: var(--font-neue-haas-unica-medium); } } /* /app/styles/components/Faqs.module.css */ ._container_1f0de_1 { box-sizing: border-box; text-align: center; flex-direction: column; flex-shrink: 0; width: 100%; max-width: 1313px; margin: 2rem auto; font-size: 2rem; display: flex; position: relative; } ._content_1f0de_14 { text-align: left; } ._wrapper_1f0de_18 { box-sizing: border-box; flex-shrink: 0; width: 100%; max-width: 1200px; margin: 0 auto; position: relative; } ._itemHeader_1f0de_27 { color: #4b40c9; border: 0 solid #9b9b9b; border-bottom-width: 1px; flex-direction: row; justify-content: space-between; align-items: center; margin-top: 10px; display: flex; position: relative; cursor: pointer; padding: 8px 0; transition: background-color 0.2s ease; width: 100%; } ._itemHeader_1f0de_27:hover { background-color: rgba(105, 101, 248, 0.1); } @media (width <= 640px) { ._itemHeader_1f0de_27 { flex-direction: row; display: flex; } } ._itemTitle_1f0de_54 { text-align: left; height: auto; font-weight: 700; position: relative; margin: 0; } @media (width <= 640px) { ._itemTitle_1f0de_54 { line-height: 1.5rem; } } ._chevronIcon_1f0de_68 { font-size: 18px; transition: transform 0.2s ease; } ._chevronIcon_1f0de_68._expanded_1f0de_73 { transform: rotate(90deg); } ._itemContent_1f0de_77 { box-sizing: border-box; text-align: left; flex-direction: column; flex-shrink: 0; height: auto; margin-top: 10px; margin-bottom: 10px; font-size: 16px; display: flex; position: relative; overflow: hidden; transition: max-height 0.3s ease; } ._itemContent_1f0de_77._collapsed_1f0de_92 { max-height: 0; margin-top: 0; margin-bottom: 0; } ._itemContent_1f0de_77._expanded_1f0de_73 { max-height: 500px; } ._itemDescription_1f0de_102 { margin: 0; padding: 10px 0; line-height: 1.5; } /* /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; } /* /app/styles/components/help-me-choose-section.module.css */ ._helpMeChooseSection_1iorw_1 { display: block; text-align: center; margin: 1rem auto; width: 100%; max-width: 1000px; background-color: #fff; & h2 { font-size: 1.75rem; } & p { span { background-color: #ffc; } } @media screen and (max-width: 768px) { padding: 0 1rem 1.5rem; } & ._helpMeP_1iorw_22 span { background-color: var(--color-yellow); } & ._divider_1iorw_26 { font-family: var(--font-neue-haas-unica-medium); font-size: 1.5rem; display: flex; align-items: center; text-align: center; margin: 1.5rem -1rem 0; color: var(--color-primary); &::before, &::after { content: ""; border: 1px solid var(--color-primary); flex: 1; } &._clump_1iorw_42 { color: var(--color-purple); &::before, &::after { border: 1px solid var(--color-purple); } } &:not(:empty)::before { margin-right: 1rem; } &:not(:empty)::after { margin-left: 1rem; } } & ._helpMeTable_1iorw_56 { display: none; } @media only screen and (min-width: 768px) { & dl { display: none; } } & dl { margin: 0 auto 2rem; width: 100%; & ._helpMeDt_1iorw_70 { font-size: 14px; font-weight: 900; height: 2rem; border-bottom: 1px solid #c6c6c5; color: var(--color-primary); cursor: pointer; text-align: left; margin: 1rem 0 0; padding: 0; width: 100%; &::after { display: block; font-size: 13px; font-family: var(--font-awesome); font-weight: 900; color: black; content: "\f078"; float: right; } &._active_1iorw_92 { border: none; &::after { content: "\f077"; } } } & ._helpMeDd_1iorw_100 { margin: 0.5rem 0; text-align: left; display: none; font-size: 13px; & sup { margin-top: -1rem; margin-bottom: 1rem; display: block; } &._active_1iorw_92 { display: block; } & ._helpMeRow_1iorw_116 { display: grid; grid-template-columns: minmax(150px, 25%) 1fr; padding: 5px; &:nth-child(even) { background-color: var(--color-background-green); } & ._lTitle_1iorw_125 { font-weight: 900; color: var(--color-black); } & ._desc_1iorw_130 { display: grid; place-items: center; } & i { color: var(--color-green); font-size: 1rem; } } } } } @media screen and (min-width: 768px) { ._helpMeChooseSection_1iorw_1 { & ._helpMeTable_1iorw_56 { display: table; border: none; border-collapse: collapse; margin: 2rem auto; width: auto; } & ._helpMeTbody_1iorw_156 { & ._helpMeTr_1iorw_157 { &:nth-child(odd) { & ._helpMeTd_1iorw_159 { background-color: #f4fdfd; } & ._helpMeTd_1iorw_159._clump_1iorw_42 { background-color: #f6f6ff; } } } } & ._helpMeTh_1iorw_169, & ._helpMeTd_1iorw_159 { border: none; border-bottom: 2px solid #c6c6c5; text-align: center; padding: 0.5rem 0.25rem; font-size: 12px; line-height: 1.2; &:first-child { text-align: left; color: var(--color-primary); font-family: var(--font-neue-haas-unica-medium); font-weight: bold; padding-left: 0; } & sup { display: block; font-weight: normal; } & i { color: var(--color-green); font-size: 1rem; } } & ._helpMeTd_1iorw_159 { height: 50px; &:first-child { padding-left: 1rem; } } & ._helpMeTh_1iorw_169 { font-size: 1rem; padding-top: 1.5rem; color: var(--color-primary); & ._clump_1iorw_42 { color: var(--color-purple); } } & ._helpMeThead_1iorw_214 { & ._helpMeTr_1iorw_157 { background: none; } & ._helpMeTd_1iorw_159 { background: none; border-bottom: none; font-weight: 900; line-height: 30px; padding: 0; } & ._helpMeTd_1iorw_159._nonclump_1iorw_226 { background-color: #f4fdfd; } & ._helpMeTd_1iorw_159._clump_1iorw_42 { background-color: #f6f6ff; } } } } @media only screen and (min-width: 1200px) { ._helpMeChooseSection_1iorw_1 { & ._collection-group_1iorw_238 { max-width: 660px; margin: 0 auto; } & ._helpMeTable_1iorw_56 { max-width: 1000px; width: 100%; } } }

Yeowww! Tide Candy Cane Catnip Toy

Description

Yeowww! Tide Candy Cane Catnip Toy

Description

Product Reviews