1<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0, shrink-to-fit=no"/>
1<script type="text/javascript" src="//cdn.wayvia.com/1/1766/ps-utid.js" async=""></script>
1<link rel="preload" href="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&q=75" as="image" data-next-head=""/><title data-next-head=""> Contact Us | Puffs</title><meta name="facebook-domain-verification" content="a0pob6ktinb9fqjylmkarun9nv6q7x" data-next-head=""/><meta name="title" content="Contact Us | Puffs" data-next-head=""/><meta name="description" content="Our customer service team would love to assist you with any questions! Check out our FAQs, or reach out to let us know how we can help you by email or phone." data-next-head=""/><link rel="canonical" href="https://puffs.com/en-us/contact-us" data-next-head=""/><link rel="shortcut icon preload" as="image" href="/static/images/favicon.ico" type="image/x-icon"/><link rel="icon preload" as="image" href="/static/images/favicon.ico" type="image/x-icon"/><link href="https://www.google-analytics.com" rel="preconnect"/><link href="https://www.googletagmanager.com/gtm.js?id=GTM-N6XWT7TZ" rel="preconnect"/><link href="https://www.googletagmanager.com/gtm.js?id=GTM-MFXLXJX" rel="preconnect"/><meta name="robots" content="index, follow"/>
1<script type="text/javascript" defer="" data-next-head="">var PGdataLayer = {"user":{"ID":"","type":"anonymous","ecommID":"","mediaID":""},"session":{"leadkey":"","useragent":""},"page":{"url":"","title":""},"content":{"sub-category":"","category":""},"product":{"gtin":"","name":"","brand":"","category":"","sub-brand":"","segment":""},"event":[{"category":"","action":"","label":"","value":""}],"cd":[{"name":"","id":"","value":""}],"updated":true,"GTM":{"SiteLocale":"en-us","SiteTouchpoint":"46268","SiteCountry":"US","SiteBrand":"Puffs","SiteLanguage":"en","SitePlatform":"ModernWeb","SiteEnvironment":"PROD","SiteHost":"Azure","SiteTechnicalAgency":"MINDTREE","SiteStatus":"Live","SiteLocalContainer":"GTM-MFXLXJX","SitePrivacyProtection":"CCPA","BINPlatform":"","BINPlatformId":"{927605D0-9232-4735-A299-F9D659422447}","GoogleAnalyticsLocal":"UA-2731351-6","GoogleAnalyticsBrand":"","GoogleAnalyticsSiteSpeedSampleRate":"","GoogleAnalyticsAllowLinker":"","GoogleAnalyticsLinkerDomains":"","GoogleAnalyticsEnableOptimizely":"","GoogleAnalyticsOptimizeContainerID":"","GoogleAnalyticsReportingView":"70854509","GhosteryOverlay":"false","GhosteryOverlayID":"","FacebookConnectAppID":"","FacebookConnectLocale":"","FacebookRemarketingID":"","ConsentOverlay":"OneTrust","ConsentOverlayID":"ec399d6b-6151-4c2d-aaa1-ec8a6cdab29f","GoogleAnalyticsConsentRequired":"false","GoogleReCaptcha":"false","Lotame":"false","Iovation":"true","IovationContentType":"write a review","GoogleAnalyticsGA4MeasurementID":"G-NV1SM9D682"}};</script>
1<script>var PGdataLayer = window.PGdataLayer || {}; window.PGdataLayer = PGdataLayer;</script>
1<base href="/"/><style data-href="/static/css/main.css">*, ::before, ::after { 2 --tw-border-spacing-x: 0; 3 --tw-border-spacing-y: 0; 4 --tw-translate-x: 0; 5 --tw-translate-y: 0; 6 --tw-rotate: 0; 7 --tw-skew-x: 0; 8 --tw-skew-y: 0; 9 --tw-scale-x: 1; 10 --tw-scale-y: 1; 11 --tw-pan-x: ; 12 --tw-pan-y: ; 13 --tw-pinch-zoom: ; 14 --tw-scroll-snap-strictness: proximity; 15 --tw-gradient-from-position: ; 16 --tw-gradient-via-position: ; 17 --tw-gradient-to-position: ; 18 --tw-ordinal: ; 19 --tw-slashed-zero: ; 20 --tw-numeric-figure: ; 21 --tw-numeric-spacing: ; 22 --tw-numeric-fraction: ; 23 --tw-ring-inset: ; 24 --tw-ring-offset-width: 0px; 25 --tw-ring-offset-color: #fff; 26 --tw-ring-color: rgb(59 130 246 / 0.5); 27 --tw-ring-offset-shadow: 0 0 #0000; 28 --tw-ring-shadow: 0 0 #0000; 29 --tw-shadow: 0 0 #0000; 30 --tw-shadow-colored: 0 0 #0000; 31 --tw-blur: ; 32 --tw-brightness: ; 33 --tw-contrast: ; 34 --tw-grayscale: ; 35 --tw-hue-rotate: ; 36 --tw-invert: ; 37 --tw-saturate: ; 38 --tw-sepia: ; 39 --tw-drop-shadow: ; 40 --tw-backdrop-blur: ; 41 --tw-backdrop-brightness: ; 42 --tw-backdrop-contrast: ; 43 --tw-backdrop-grayscale: ; 44 --tw-backdrop-hue-rotate: ; 45 --tw-backdrop-invert: ; 46 --tw-backdrop-opacity: ; 47 --tw-backdrop-saturate: ; 48 --tw-backdrop-sepia: ; 49 --tw-contain-size: ; 50 --tw-contain-layout: ; 51 --tw-contain-paint: ; 52 --tw-contain-style: ; 53} 54 55::backdrop { 56 --tw-border-spacing-x: 0; 57 --tw-border-spacing-y: 0; 58 --tw-translate-x: 0; 59 --tw-translate-y: 0; 60 --tw-rotate: 0; 61 --tw-skew-x: 0; 62 --tw-skew-y: 0; 63 --tw-scale-x: 1; 64 --tw-scale-y: 1; 65 --tw-pan-x: ; 66 --tw-pan-y: ; 67 --tw-pinch-zoom: ; 68 --tw-scroll-snap-strictness: proximity; 69 --tw-gradient-from-position: ; 70 --tw-gradient-via-position: ; 71 --tw-gradient-to-position: ; 72 --tw-ordinal: ; 73 --tw-slashed-zero: ; 74 --tw-numeric-figure: ; 75 --tw-numeric-spacing: ; 76 --tw-numeric-fraction: ; 77 --tw-ring-inset: ; 78 --tw-ring-offset-width: 0px; 79 --tw-ring-offset-color: #fff; 80 --tw-ring-color: rgb(59 130 246 / 0.5); 81 --tw-ring-offset-shadow: 0 0 #0000; 82 --tw-ring-shadow: 0 0 #0000; 83 --tw-shadow: 0 0 #0000; 84 --tw-shadow-colored: 0 0 #0000; 85 --tw-blur: ; 86 --tw-brightness: ; 87 --tw-contrast: ; 88 --tw-grayscale: ; 89 --tw-hue-rotate: ; 90 --tw-invert: ; 91 --tw-saturate: ; 92 --tw-sepia: ; 93 --tw-drop-shadow: ; 94 --tw-backdrop-blur: ; 95 --tw-backdrop-brightness: ; 96 --tw-backdrop-contrast: ; 97 --tw-backdrop-grayscale: ; 98 --tw-backdrop-hue-rotate: ; 99 --tw-backdrop-invert: ; 100 --tw-backdrop-opacity: ; 101 --tw-backdrop-saturate: ; 102 --tw-backdrop-sepia: ; 103 --tw-contain-size: ; 104 --tw-contain-layout: ; 105 --tw-contain-paint: ; 106 --tw-contain-style: ; 107}/* 108! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com 109*//* 1101. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 1112. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) 112*/ 113 114*, 115::before, 116::after { 117 box-sizing: border-box; /* 1 */ 118 border-width: 0; /* 2 */ 119 border-style: solid; /* 2 */ 120 border-color: currentColor; /* 2 */ 121} 122 123::before, 124::after { 125 --tw-content: ''; 126} 127 128/* 1291. Use a consistent sensible line-height in all browsers. 1302. Prevent adjustments of font size after orientation changes in iOS. 1313. Use a more readable tab size. 1324. Use the user's configured `sans` font-family by default. 1335. Use the user's configured `sans` font-feature-settings by default. 1346. Use the user's configured `sans` font-variation-settings by default. 1357. Disable tap highlights on iOS 136*/ 137 138html, 139:host { 140 line-height: 1.5; /* 1 */ 141 -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ 142 tab-size: 4; /* 3 */ 143 font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ 144 font-feature-settings: normal; /* 5 */ 145 font-variation-settings: normal; /* 6 */ 146 -webkit-tap-highlight-color: transparent; /* 7 */ 147} 148 149/* 1501. Remove the margin in all browsers. 1512. Inherit line-height from `html` so users can set them as a class directly on the `html` element. 152*/ 153 154body { 155 margin: 0; /* 1 */ 156 line-height: inherit; /* 2 */ 157} 158 159/* 1601. Add the correct height in Firefox. 1612. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 1623. Ensure horizontal rules are visible by default. 163*/ 164 165hr { 166 height: 0; /* 1 */ 167 color: inherit; /* 2 */ 168 border-top-width: 1px; /* 3 */ 169} 170 171/* 172Add the correct text decoration in Chrome, Edge, and Safari. 173*/ 174 175/* 176Remove the default font size and weight for headings. 177*/ 178 179h1, 180h2, 181h3, 182h4 { 183 font-size: inherit; 184 font-weight: inherit; 185} 186
187/* 188Reset links to optimize for opt-in styling instead of opt-out. 189*/ 190 191a { 192 color: inherit; 193 text-decoration: inherit; 194} 195 196/* 197Add the correct font weight in Edge and Safari. 198*/ 199 200b, 201strong { 202 font-weight: bolder; 203} 204 205/* 2061. Use the user's configured `mono` font-family by default. 2072. Use the user's configured `mono` font-feature-settings by default. 2083. Use the user's configured `mono` font-variation-settings by default. 2094. Correct the odd `em` font sizing in all browsers. 210*/ 211 212code { 213 font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ 214 font-feature-settings: normal; /* 2 */ 215 font-variation-settings: normal; /* 3 */ 216 font-size: 1em; /* 4 */ 217} 218 219/* 220Add the correct font size in all browsers. 221*/ 222 223/* 224Prevent `sub` and `sup` elements from affecting the line height in all browsers. 225*/ 226 227 228sup { 229 font-size: 75%; 230 line-height: 0; 231 position: relative; 232 vertical-align: baseline; 233} 234 235sup { 236 top: -0.5em; 237} 238 239/* 2401. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2412. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 2423. Remove gaps between table borders by default. 243*/ 244 245table { 246 text-indent: 0; /* 1 */ 247 border-color: inherit; /* 2 */ 248 border-collapse: collapse; /* 3 */ 249} 250 251/* 2521. Change the font styles in all browsers. 2532. Remove the margin in Firefox and Safari. 2543. Remove default padding in all browsers. 255*/ 256 257button, 258input, 259select, 260textarea { 261 font-family: inherit; /* 1 */ 262 font-feature-settings: inherit; /* 1 */ 263 font-variation-settings: inherit; /* 1 */ 264 font-size: 100%; /* 1 */ 265 font-weight: inherit; /* 1 */ 266 line-height: inherit; /* 1 */ 267 letter-spacing: inherit; /* 1 */ 268 color: inherit; /* 1 */ 269 margin: 0; /* 2 */ 270 padding: 0; /* 3 */ 271} 272 273/* 274Remove the inheritance of text transform in Edge and Firefox. 275*/ 276 277button, 278select { 279 text-transform: none; 280} 281 282/* 2831. Correct the inability to style clickable types in iOS and Safari. 2842. Remove default button styles. 285*/ 286 287button, 288input:where([type='button']), 289input:where([type='reset']), 290input:where([type='submit']) { 291 -webkit-appearance: button; /* 1 */ 292 background-color: transparent; /* 2 */ 293 background-image: none; /* 2 */ 294} 295 296/* 297Use the modern Firefox focus style for all focusable elements. 298*/ 299 300:-moz-focusring { 301 outline: auto; 302} 303 304/* 305Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) 306*/ 307 308:-moz-ui-invalid { 309 box-shadow: none; 310} 311 312/* 313Add the correct vertical alignment in Chrome and Firefox. 314*/ 315 316/* 317Correct the cursor style of increment and decrement buttons in Safari. 318*/ 319 320::-webkit-inner-spin-button, 321::-webkit-outer-spin-button { 322 height: auto; 323} 324 325/* 3261. Correct the odd appearance in Chrome and Safari. 3272. Correct the outline style in Safari. 328*/ 329 330[type='search'] { 331 -webkit-appearance: textfield; /* 1 */ 332 outline-offset: -2px; /* 2 */ 333} 334 335/* 336Remove the inner padding in Chrome and Safari on macOS. 337*/ 338 339::-webkit-search-decoration { 340 -webkit-appearance: none; 341} 342 343/* 3441. Correct the inability to style clickable types in iOS and Safari. 3452. Change font properties to `inherit` in Safari. 346*/ 347 348::-webkit-file-upload-button { 349 -webkit-appearance: button; /* 1 */ 350 font: inherit; /* 2 */ 351} 352 353/* 354Add the correct display in Chrome and Safari. 355*/ 356 357summary { 358 display: list-item; 359} 360 361/* 362Removes the default spacing and border for appropriate elements. 363*/ 364 365 366dl, 367h1, 368h2, 369h3, 370h4, 371hr, 372p { 373 margin: 0; 374} 375 376ol, 377ul { 378 list-style: none; 379 margin: 0; 380 padding: 0; 381} 382 383/* 384Reset default styling for dialogs. 385*/ 386dialog { 387 padding: 0; 388} 389 390/* 391Prevent resizing textareas horizontally by default. 392*/ 393 394textarea { 395 resize: vertical; 396} 397 398/* 3991. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 4002. Set the default placeholder color to the user's configured gray 400 color. 401*/ 402 403input::placeholder, 404textarea::placeholder { 405 opacity: 1; /* 1 */ 406 color: #9ca3af; /* 2 */ 407} 408 409/* 410Set the default cursor for buttons. 411*/ 412 413button, 414[role="button"] { 415 cursor: pointer; 416} 417 418/* 419Make sure disabled buttons don't get the pointer cursor. 420*/ 421:disabled { 422 cursor: default; 423} 424 425/* 4261. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 4272. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/je
427nsimmons/cssremedy/issues/14#issuecomment-634934210) 428 This can trigger a poorly considered lint error in some tools but is included by design. 429*/ 430 431img, 432svg, 433video, 434audio, 435iframe, 436embed, 437object { 438 display: block; /* 1 */ 439 vertical-align: middle; /* 2 */ 440} 441 442/* 443Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) 444*/ 445 446img, 447video { 448 max-width: 100%; 449 height: auto; 450} 451 452/* Make elements with the HTML hidden attribute stay hidden by default */ 453[hidden]:where(:not([hidden="until-found"])) { 454 display: none; 455} 456.visible { 457 visibility: visible; 458} 459.collapse { 460 visibility: collapse; 461} 462.static { 463 position: static; 464} 465.fixed { 466 position: fixed; 467} 468.absolute { 469 position: absolute; 470} 471.relative { 472 position: relative; 473} 474.inset-0 { 475 inset: 0; 476} 477.-left-25 { 478 left: -25px; 479} 480.-top-15 { 481 top: -15px; 482} 483.bottom-0 { 484 bottom: 0; 485} 486.bottom-10 { 487 bottom: 10px; 488} 489.bottom-15 { 490 bottom: 15px; 491} 492.bottom-m10 { 493 bottom: -10px; 494} 495.left-0 { 496 left: 0; 497} 498.left-20 { 499 left: 20px; 500} 501.left-37p { 502 left: 37%; 503} 504.left-50p { 505 left: 50%; 506} 507.right-0 { 508 right: 0; 509} 510.right-15 { 511 right: 15px; 512} 513.right-20 { 514 right: 20px; 515} 516.right-25 { 517 right: 25px; 518} 519.right-30 { 520 right: 30px; 521} 522.top-0 { 523 top: 0; 524} 525.top-10 { 526 top: 10px; 527} 528.top-100 { 529 top: 100px; 530} 531.top-15 { 532 top: 15px; 533} 534.top-150 { 535 top: 150px; 536} 537.top-2 { 538 top: 2px; 539} 540.top-20 { 541 top: 20px; 542} 543.top-25 { 544 top: 25px; 545} 546.top-30 { 547 top: 30px; 548} 549.top-50 { 550 top: 50px; 551} 552.top-58 { 553 top: 58px; 554} 555.top-73 { 556 top: 73px; 557} 558.top-m8 { 559 top: -8px; 560} 561.z-1 { 562 z-index: 1; 563} 564.z-99 { 565 z-index: 99; 566} 567.z-auto { 568 z-index: auto; 569} 570.float-right { 571 float: right; 572} 573.float-left { 574 float: left; 575} 576.clear-both { 577 clear: both; 578} 579.m-10 { 580 margin: 10px; 581} 582.m-auto { 583 margin: auto; 584} 585.-mx-10 { 586 margin-left: -10px; 587 margin-right: -10px; 588} 589.mx-5 { 590 margin-left: 5px; 591 margin-right: 5px; 592} 593.mx-auto { 594 margin-left: auto; 595 margin-right: auto; 596} 597.mx-m15 { 598 margin-left: -15px; 599 margin-right: -15px; 600} 601.my-0 { 602 margin-top: 0px; 603 margin-bottom: 0px; 604} 605.my-10 { 606 margin-top: 10px; 607 margin-bottom: 10px; 608} 609.my-15 { 610 margin-top: 15px; 611 margin-bottom: 15px; 612} 613.my-20 { 614 margin-top: 20px; 615 margin-bottom: 20px; 616} 617.my-25 { 618 margin-top: 25px; 619 margin-bottom: 25px; 620} 621.my-5 { 622 margin-top: 5px; 623 margin-bottom: 5px; 624} 625.-mb-70 { 626 margin-bottom: -70px; 627} 628.mb-0 { 629 margin-bottom: 0px; 630} 631.mb-10 { 632 margin-bottom: 10px; 633} 634.mb-11 { 635 margin-bottom: 11px; 636} 637.mb-15 { 638 margin-bottom: 15px; 639} 640.mb-20 { 641 margin-bottom: 20px; 642} 643.mb-25 { 644 margin-bottom: 25px; 645} 646.mb-3 { 647 margin-bottom: 3px; 648} 649.mb-30 { 650 margin-bottom: 30px; 651} 652.mb-5 { 653 margin-bottom: 5px; 654} 655.mb-50 { 656 margin-bottom: 50px; 657} 658.mb-7 { 659 margin-bottom: 7px; 660} 661.mb-auto { 662 margin-bottom: auto; 663} 664.ml-0 { 665 margin-left: 0px; 666} 667.ml-10 { 668 margin-left: 10px; 669} 670.ml-20 { 671 margin-left: 20px; 672} 673.ml-3 { 674 margin-left: 3px; 675} 676.ml-4 { 677 margin-left: 4px; 678} 679.ml-60 { 680 margin-left: 60px; 681} 682.ml-auto { 683 margin-left: auto; 684} 685.ml-m10 { 686 margin-left: -10px; 687} 688.ml-m15 { 689 margin-left: -15px; 690} 691.ml-m3p { 692 margin-left: -3%; 693} 694.mr-0 { 695 margin-right: 0px; 696} 697.mr-10 { 698 margin-right: 10px; 699} 700.mr-11 { 701 margin-right: 11px; 702} 703.mr-15 { 704 margin-right: 15px; 705} 706.mr-25 { 707 margin-right: 25px; 708} 709.mr-30 { 710 margin-right: 30px; 711} 712.mr-4 { 713 margin-right: 4px; 714} 715.mr-5 { 716 margin-right: 5px; 717} 718.mr-auto { 719 margin-right: auto; 720} 721.mr-m10 { 722 margin-right: -10px; 723} 724.mr-m15 { 725 margin-right: -15px; 726} 727.mr-m3p { 728 margin-right: -3%; 729} 730.mt-0 { 731 margin-top: 0px; 732} 733.mt-10 { 734 margin-top: 10px; 735} 736.mt-13 { 737 margin-top: 13px; 738} 739.mt-14 { 740 margin-top: 14px; 741} 742.mt-15 { 743 margin-top: 15px; 744} 745.mt-16 { 746 margin-top: 16px; 747} 748.mt-20 { 749 margin-top: 20px; 750} 751.mt-25 { 752 margin-top: 25px; 753} 754.mt-30 { 755 margin-top: 30px; 756} 757.mt-32 { 758 margin-top: 32px; 759} 760.mt-40 { 761 margin-top: 40px; 762} 763.mt-5 { 764 margin-top: 5px; 765} 766.mt-50 { 767 margin-top: 50px; 768} 769.mt-55 { 770 margin-top: 55px; 771} 772.mt-m24 { 773 margin-top: -24px; 774} 775.block { 776 display: block; 777} 778.inline-block { 779 display: inline-block; 780} 781.inline { 782 display: inline; 783} 784.flex { 785 display: flex; 786} 787.inline-flex { 788 display: inline-flex; 789} 790.table { 791 display: table; 792} 793.grid { 794 display: grid; 795} 796.contents { 797 display: contents; 798} 799.hidden { 800 display: none; 801} 802.h-100 { 803 height: 100px; 804} 805.h-120 { 806 height: 120px; 807} 808.h-19 { 809 height: 19px; 810} 811.h-220 { 812 height: 220px; 813} 814.h-28 { 815 height: 28px; 816} 817.h-30 { 818 height: 30px; 819} 820.h-31 { 821 height: 31px; 822} 823.h-40 { 824 height: 40px; 825} 826.h-45 { 827 height: 45px; 828} 829.h-48 { 830 height: 48px; 831} 832.h-60 { 833 height: 60px; 834} 835.h-auto { 836 height: auto; 837} 838.h-unset { 839 height: unset; 840} 841.max-h-0 { 842 max-height: 0; 843} 844.max-h-400 { 845 max-height: 400px; 846} 847.max-h-600 { 848 max-height: 600px; 849} 850.max-h-695 { 851 max-height: 695px; 852} 853.min-h-105 { 854 min-height: 105px; 855} 856.min-h-325 { 857 min-height: 325px; 858} 859.min-h-568 { 860 min-height: 568px; 861} 862.min-h-90 { 863 min-height: 90px; 864} 865.w-100 { 866 width: 100px; 867} 868.w-109 { 869 width: 109px; 870} 871.w-110 { 872 width: 110px; 873} 874.w-117 { 875 width: 117px; 876} 877.w-120 { 878 width: 120px; 879} 880.w-126 { 881 width: 126px; 882} 883.w-136 { 884 width: 136px; 885} 886.w-15 { 887 width: 15px; 888} 889.w-150 { 890 width: 150px; 891} 892.w-152 { 893 width: 152px; 894} 895.w-160 { 896 width: 160px; 897} 898.w-162 { 899 width: 162px; 900} 901.w-166 { 902 width: 166px; 903} 904.w-180 { 905 width: 180px; 906} 907.w-200 { 908 width: 200px; 909} 910.w-210 { 911 width: 210px; 912} 913.w-214 { 914 width: 214px; 915} 916.w-22 { 917 width: 22px; 918} 919.w-222 { 920 width: 222px; 921} 922.w-24p { 923 width: 24%; 924} 925.w-300 { 926 width: 300px; 927} 928.w-320 { 929 width: 320px; 930} 931.w-366 { 932 width: 366px; 933} 934.w-38p { 935 width: 38%; 936} 937.w-40p { 938 width: 40%; 939} 940.w-45 { 941 width: 45px; 942} 943.w-49p { 944 width: 49%; 945} 946.w-50p { 947 width: 50%; 948} 949.w-58p { 950 width: 58%; 951} 952.w-60p { 953 width: 60%; 954} 955.w-65p { 956 width: 65%; 957} 958.w-68 { 959 width: 68px; 960} 961.w-70 { 962 width: 70px; 963} 964.w-846 { 965 width: 846px; 966} 967.w-86 { 968 width: 86px; 969} 970.w-89 { 971 width: 89px; 972} 973.w-95 { 974 width: 95px; 975} 976.w-auto { 977 width: auto; 978} 979.w-full { 980 width: 100%; 981} 982.max-w-full { 983 max-width: 100%; 984} 985.grow { 986 flex-grow: 1; 987} 988.border-separate { 989 border-collapse: separate; 990} 991.-translate-x-50p { 992 --tw-translate-x: -50%; 993 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 994} 995.transform { 996 transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); 997} 998.cursor-auto { 999 cursor: auto; 1000} 1001.cursor-default { 1002 cursor: default; 1003} 1004.cursor-pointer { 1005 cursor: pointer; 1006} 1007.resize { 1008 resize: both; 1009} 1010.list-none { 1011 list-style-type: none; 1012} 1013.flex-row { 1014 flex-direction: row; 1015} 1016.flex-col { 1017 flex-direction: column; 1018} 1019.flex-col-reverse { 1020 flex-direction: column-reverse; 1021} 1022.flex-wrap { 1023 flex-wrap: wrap; 1024} 1025.items-start { 1026 align-items: flex-start; 1027} 1028.items-end { 1029 align-items: flex-end; 1030} 1031.items-center { 1032 align-items: center; 1033} 1034.items-baseline { 1035 align-items: baseline; 1036} 1037.justify-start { 1038 justify-content: flex-start; 1039} 1040.justify-end { 1041 justify-content: flex-end; 1042} 1043.justify-center { 1044 justify-content: center; 1045} 1046.justify-between { 1047 justify-content: space-between; 1048} 1049.justify-around { 1050 justify-content: space-around; 1051} 1052.justify-evenly { 1053 justify-content: space-evenly; 1054} 1055.gap-4 {
1056 gap: 24px; 1057} 1058.overflow-auto { 1059 overflow: auto; 1060} 1061.overflow-hidden { 1062 overflow: hidden; 1063} 1064.overflow-y-auto { 1065 overflow-y: auto; 1066} 1067.overflow-x-hidden { 1068 overflow-x: hidden; 1069} 1070.overflow-y-scroll { 1071 overflow-y: scroll; 1072} 1073.whitespace-nowrap { 1074 white-space: nowrap; 1075} 1076.break-all { 1077 word-break: break-all; 1078} 1079.rounded-10 { 1080 border-radius: 10px; 1081} 1082.rounded-20 { 1083 border-radius: 20px; 1084} 1085.rounded-4 { 1086 border-radius: 4px; 1087} 1088.rounded-5 { 1089 border-radius: 5px; 1090} 1091.rounded-6 { 1092 border-radius: 6px; 1093} 1094.rounded-t-none { 1095 border-top-left-radius: 0px; 1096 border-top-right-radius: 0px; 1097} 1098.rounded-tl-10 { 1099 border-top-left-radius: 10px; 1100} 1101.rounded-tr-10 { 1102 border-top-right-radius: 10px; 1103} 1104.border-0 { 1105 border-width: 0; 1106} 1107.border-1 { 1108 border-width: 1px; 1109} 1110.border-5 { 1111 border-width: 5px; 1112} 1113.border-b-2 { 1114 border-bottom-width: 2px; 1115} 1116.border-l-2 { 1117 border-left-width: 2px; 1118} 1119.border-t-0 { 1120 border-top-width: 0; 1121} 1122.border-solid { 1123 border-style: solid; 1124} 1125.border-blue-dark { 1126 --tw-border-opacity: 1; 1127 border-color: rgb(0 112 193 / var(--tw-border-opacity, 1)); 1128} 1129.border-blue-darker { 1130 --tw-border-opacity: 1; 1131 border-color: rgb(0 105 166 / var(--tw-border-opacity, 1)); 1132} 1133.border-blue-link1 { 1134 --tw-border-opacity: 1; 1135 border-color: rgb(0 112 192 / var(--tw-border-opacity, 1)); 1136} 1137.border-blue-menu { 1138 --tw-border-opacity: 1; 1139 border-color: rgb(15 89 153 / var(--tw-border-opacity, 1)); 1140} 1141.border-gray-darker { 1142 --tw-border-opacity: 1; 1143 border-color: rgb(90 90 90 / var(--tw-border-opacity, 1)); 1144} 1145.border-gray-light { 1146 --tw-border-opacity: 1; 1147 border-color: rgb(230 230 230 / var(--tw-border-opacity, 1)); 1148} 1149.border-gray-light2 { 1150 --tw-border-opacity: 1; 1151 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 1152} 1153.border-textbox-border { 1154 --tw-border-opacity: 1; 1155 border-color: rgb(213 230 209 / var(--tw-border-opacity, 1)); 1156} 1157.border-white { 1158 --tw-border-opacity: 1; 1159 border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); 1160} 1161.bg-blue-dark { 1162 --tw-bg-opacity: 1; 1163 background-color: rgb(0 112 193 / var(--tw-bg-opacity, 1)); 1164} 1165.bg-blue-dark-btn { 1166 --tw-bg-opacity: 1; 1167 background-color: rgb(0 81 149 / var(--tw-bg-opacity, 1)); 1168} 1169.bg-blue-darker { 1170 --tw-bg-opacity: 1; 1171 background-color: rgb(0 105 166 / var(--tw-bg-opacity, 1)); 1172} 1173.bg-blue-light { 1174 --tw-bg-opacity: 1; 1175 background-color: rgb(93 172 239 / var(--tw-bg-opacity, 1)); 1176} 1177.bg-blue-lightest { 1178 --tw-bg-opacity: 1; 1179 background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1)); 1180} 1181.bg-blue-link2 { 1182 --tw-bg-opacity: 1; 1183 background-color: rgb(0 50 131 / var(--tw-bg-opacity, 1)); 1184} 1185.bg-gray-silver { 1186 --tw-bg-opacity: 1; 1187 background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); 1188} 1189.bg-gray1 { 1190 --tw-bg-opacity: 1; 1191 background-color: rgb(235 235 235 / var(--tw-bg-opacity, 1)); 1192} 1193.bg-white { 1194 --tw-bg-opacity: 1; 1195 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 1196} 1197.bg-white-light { 1198 --tw-bg-opacity: 1; 1199 background-color: rgb(250 250 250 / var(--tw-bg-opacity, 1)); 1200} 1201.bg-buyNow { 1202 background-image: url('https://images.ctfassets.net/peceku0c8uzu/1ncsF5n9b6nqXNBuTqs2LR/e466a22621c9d22dcb3b187cc7752579/Puffs_BIN-Popup_BackgroundplusDividers.jpg?fm=webp'); 1203} 1204.bg-no-repeat { 1205 background-repeat: no-repeat; 1206} 1207.p-0 { 1208 padding: 0px; 1209} 1210.p-10 { 1211 padding: 10px; 1212} 1213.p-15 { 1214 padding: 15px; 1215} 1216.p-20 { 1217 padding: 20px; 1218} 1219.p-3p { 1220 padding: 3%; 1221} 1222.px-0 { 1223 padding-left: 0px; 1224 padding-right: 0px; 1225} 1226.px-10 { 1227 padding-left: 10px; 1228 padding-right: 10px; 1229} 1230.px-15 { 1231 padding-left: 15px; 1232 padding-right: 15px; 1233} 1234.px-2 { 1235 padding-left: 2px; 1236 padding-right: 2px; 1237} 1238.px-20 { 1239 padding-left: 20px; 1240 padding-right: 20px; 1241} 1242.px-25 { 1243 padding-left: 25px; 1244 padding-right: 25px; 1245} 1246.px-26 { 1247 padding-left: 26px; 1248 padding-right: 26px; 1249} 1250.px-3 { 1251 padding-left: 3px; 1252 padding-right: 3px; 1253} 1254.px-40 { 1255 padding-left: 40px; 1256 padding-right: 40px; 1257} 1258.px-50 { 1259 padding-left: 50px; 1260 padding-right: 50px; 1261} 1262.px-6 { 1263 padding-left: 6px; 1264 padding-right: 6px; 1265} 1266.px-7 { 1267 padding-left: 7px; 1268 padding-right: 7px; 1269} 1270.px-8 { 1271 padding-left: 8px; 1272 padding-right: 8px; 1273} 1274.px-9 { 1275 padding-left: 9px; 1276 padding-right: 9px; 1277} 1278.py-0 { 1279 padding-top: 0px; 1280 padding-bottom: 0px; 1281} 1282.py-10 { 1283 padding-top: 10px; 1284 padding-bottom: 10px; 1285} 1286.py-11 { 1287 padding-top: 11px; 1288 padding-bottom: 11px; 1289} 1290.py-15 { 1291 padding-top: 15px; 1292 padding-bottom: 15px; 1293} 1294.py-18 { 1295 padding-top: 18px; 1296 padding-bottom: 18px; 1297} 1298.py-2 { 1299 padding-top: 2px; 1300 padding-bottom: 2px; 1301} 1302.py-20 { 1303 padding-top: 20px; 1304 padding-bottom: 20px; 1305} 1306.py-25 { 1307 padding-top: 25px; 1308 padding-bottom: 25px; 1309} 1310.py-3 { 1311 padding-top: 3px; 1312 padding-bottom: 3px; 1313} 1314.py-30 { 1315 padding-top: 30px; 1316 padding-bottom: 30px; 1317} 1318.py-4 { 1319 padding-top: 4px; 1320 padding-bottom: 4px; 1321} 1322.py-40 { 1323 padding-top: 40px; 1324 padding-bottom: 40px; 1325} 1326.py-5 { 1327 padding-top: 5px; 1328 padding-bottom: 5px; 1329} 1330.py-7 { 1331 padding-top: 7px; 1332 padding-bottom: 7px; 1333} 1334.pb-0 { 1335 padding-bottom: 0px; 1336} 1337.pb-10 { 1338 padding-bottom: 10px; 1339} 1340.pb-15 { 1341 padding-bottom: 15px; 1342} 1343.pb-2 { 1344 padding-bottom: 2px; 1345} 1346.pb-20 { 1347 padding-bottom: 20px; 1348} 1349.pb-30 { 1350 padding-bottom: 30px; 1351} 1352.pb-35 { 1353 padding-bottom: 35px; 1354} 1355.pb-4 { 1356 padding-bottom: 4px; 1357} 1358.pb-5 { 1359 padding-bottom: 5px; 1360} 1361.pb-50 { 1362 padding-bottom: 50px; 1363} 1364.pl-0 { 1365 padding-left: 0px; 1366} 1367.pl-10 { 1368 padding-left: 10px; 1369} 1370.pl-15 { 1371 padding-left: 15px; 1372} 1373.pl-2 { 1374 padding-left: 2px; 1375} 1376.pl-20 { 1377 padding-left: 20px; 1378} 1379.pl-30 { 1380 padding-left: 30px; 1381} 1382.pl-4 { 1383 padding-left: 4px; 1384} 1385.pl-40 { 1386 padding-left: 40px; 1387} 1388.pl-5 { 1389 padding-left: 5px; 1390} 1391.pl-60 { 1392 padding-left: 60px; 1393} 1394.pr-0 { 1395 padding-right: 0px; 1396} 1397.pr-10 { 1398 padding-right: 10px; 1399} 1400.pr-15 { 1401 padding-right: 15px; 1402} 1403.pr-2 { 1404 padding-right: 2px; 1405} 1406.pr-20 { 1407 padding-right: 20px; 1408} 1409.pr-30 { 1410 padding-right: 30px; 1411} 1412.pr-5 { 1413 padding-right: 5px; 1414} 1415.pt-0 { 1416 padding-top: 0px; 1417} 1418.pt-10 { 1419 padding-top: 10px; 1420} 1421.pt-12 { 1422 padding-top: 12px; 1423} 1424.pt-14 { 1425 padding-top: 14px; 1426} 1427.pt-15 { 1428 padding-top: 15px; 1429} 1430.pt-18vw { 1431 padding-top: 18vw; 1432} 1433.pt-2 { 1434 padding-top: 2px; 1435} 1436.pt-20 { 1437 padding-top: 20px; 1438} 1439.pt-25 { 1440 padding-top: 25px; 1441} 1442.pt-28 { 1443 padding-top: 28px; 1444} 1445.pt-3 { 1446 padding-top: 3px; 1447} 1448.pt-30 { 1449 padding-top: 30px; 1450} 1451.pt-4 { 1452 padding-top: 4px; 1453} 1454.pt-40 { 1455 padding-top: 40px; 1456} 1457.pt-5 { 1458 padding-top: 5px; 1459} 1460.pt-80 { 1461 padding-top: 80px; 1462} 1463.text-left { 1464 text-align: left; 1465} 1466.text-center { 1467 text-align: center; 1468} 1469.text-right { 1470 text-align: right; 1471} 1472.align-middle { 1473 vertical-align: middle; 1474} 1475.font-WorkSansItalic { 1476 font-family: work-sans-italic; 1477} 1478.font-WorkSansRegular { 1479 font-family: work-sans-regular; 1480} 1481.text-0 { 1482 font-size: 0; 1483} 1484.text-10 { 1485 font-size: 0.625rem; 1486} 1487.text-11 { 1488 font-size: 0.6875rem; 1489} 1490.text-12 { 1491 font-size: 0.75rem; 1492} 1493.text-13 { 1494 font-size: 0.8125rem; 1495} 1496.text-14 { 1497 font-size: 0.875rem; 1498} 1499.text-15 { 1500 font-size: 0.9375rem; 1501} 1502.text-16 { 1503 font-size: 1rem; 1504} 1505.text-17 { 1506 font-size: 1.0625rem; 1507} 1508.text-18 { 1509 font-size: 1.125rem; 1510} 1511.text-19 { 1512 font-size: 1.1875rem; 1513} 1514.text-20 { 1515 font-size: 1.25rem; 1516} 1517.text-21p { 1518 font-size: 21px; 1519} 1520.text-24 { 1521 font-size: 1.5rem; 1522} 1523.text-26 { 1524 font-size: 1.625rem; 1525} 1526.text-2p5vw { 1527 font-size: 2.5vw; 1528} 1529.text-30 { 1530 font-size: 1.875rem; 1531} 1532.text-38 { 1533 font-size: 2.375rem; 1534} 1535.text-4p5vw { 1536 font-size: 4.5vw; 1537} 1538.text-6 { 1539 font-size: 0.375rem; 1540} 1541.text-9 { 1542 font-size: 0.5625rem; 1543} 1544.font-500 { 1545 font-weight: 500; 1546} 1547.font-600 { 1548 font-weight: 600; 1549} 1550.font-bold { 1551 font-weight: 700; 1552} 1553.font-normal { 1554 font-weight: normal; 1555} 1556.uppercase { 1557 text-transform: uppercase; 1558} 1559.capitalize { 1560 text-transform: capitalize; 1561} 1562.italic { 1563 font-style: italic; 1564} 1565.leading-1017 { 1566 line-height: 1.17; 1567} 1568.leading-102 { 1569 line-height: 1.2; 1570} 1571.leading-1029 { 1572 line-height: 1.29; 1573} 1574.leading-103 { 1575 line-height: 1.3; 1576} 1577.leading-1043 { 1578 line-height: 1.43; 1579} 1580.leading-105 { 1581 line-height: 1.5; 1582} 1583.leading-1097 { 1584 line-height: 1.97; 1585} 1586.leading-13 { 1587 line-height: 13px; 1588} 1589.leading-14 { 1590 line-height: 14px; 1591} 1592.leading-17 { 1593 line-height: 17px; 1594} 1595.leading-18 { 1596 line-height: 18px; 1597} 1598.leading-20 { 1599 line-height: 20px; 1600} 1601.leading-26 {
1602 line-height: 26px; 1603} 1604.leading-28 { 1605 line-height: 28.8px; 1606} 1607.leading-30 { 1608 line-height: 30px; 1609} 1610.leading-tight { 1611 line-height: 1.13; 1612} 1613.leading-tighter { 1614 line-height: 1.36; 1615} 1616.tracking-1 { 1617 letter-spacing: 1px; 1618} 1619.tracking-11 { 1620 letter-spacing: -.11px; 1621} 1622.tracking-31 { 1623 letter-spacing: -.31px; 1624} 1625.tracking-34 { 1626 letter-spacing: -.34px; 1627} 1628.tracking-5 { 1629 letter-spacing: .5px; 1630} 1631.tracking-tight { 1632 letter-spacing: -.15px; 1633} 1634.text-backblue { 1635 --tw-text-opacity: 1; 1636 color: rgb(1 91 157 / var(--tw-text-opacity, 1)); 1637} 1638.text-black { 1639 --tw-text-opacity: 1; 1640 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 1641} 1642.text-blue { 1643 --tw-text-opacity: 1; 1644 color: rgb(0 104 167 / var(--tw-text-opacity, 1)); 1645} 1646.text-blue-artcard { 1647 --tw-text-opacity: 1; 1648 color: rgb(13 108 166 / var(--tw-text-opacity, 1)); 1649} 1650.text-blue-dark { 1651 --tw-text-opacity: 1; 1652 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 1653} 1654.text-blue-dark2 { 1655 --tw-text-opacity: 1; 1656 color: rgb(0 104 167 / var(--tw-text-opacity, 1)); 1657} 1658.text-blue-dark3 { 1659 --tw-text-opacity: 1; 1660 color: rgb(0 107 175 / var(--tw-text-opacity, 1)); 1661} 1662.text-blue-darker { 1663 --tw-text-opacity: 1; 1664 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 1665} 1666.text-blue-darkest { 1667 --tw-text-opacity: 1; 1668 color: rgb(4 79 123 / var(--tw-text-opacity, 1)); 1669} 1670.text-blue-link { 1671 --tw-text-opacity: 1; 1672 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 1673} 1674.text-blue-link1 { 1675 --tw-text-opacity: 1; 1676 color: rgb(0 112 192 / var(--tw-text-opacity, 1)); 1677} 1678.text-blue-link3 { 1679 --tw-text-opacity: 1; 1680 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 1681} 1682.text-blue-menu { 1683 --tw-text-opacity: 1; 1684 color: rgb(15 89 153 / var(--tw-text-opacity, 1)); 1685} 1686.text-blue-navy { 1687 --tw-text-opacity: 1; 1688 color: rgb(10 105 165 / var(--tw-text-opacity, 1)); 1689} 1690.text-blue-pdp-desc { 1691 --tw-text-opacity: 1; 1692 color: rgb(34 69 129 / var(--tw-text-opacity, 1)); 1693} 1694.text-blue1 { 1695 --tw-text-opacity: 1; 1696 color: rgb(35 106 164 / var(--tw-text-opacity, 1)); 1697} 1698.text-blue2 { 1699 --tw-text-opacity: 1; 1700 color: rgb(0 112 192 / var(--tw-text-opacity, 1)); 1701} 1702.text-blue3 { 1703 --tw-text-opacity: 1; 1704 color: rgb(13 108 166 / var(--tw-text-opacity, 1)); 1705} 1706.text-couponsBlue { 1707 --tw-text-opacity: 1; 1708 color: rgb(0 60 165 / var(--tw-text-opacity, 1)); 1709} 1710.text-gray { 1711 --tw-text-opacity: 1; 1712 color: rgb(51 51 51 / var(--tw-text-opacity, 1)); 1713} 1714.text-gray-dark { 1715 --tw-text-opacity: 1; 1716 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 1717} 1718.text-grey-medium { 1719 --tw-text-opacity: 1; 1720 color: rgb(167 169 172 / var(--tw-text-opacity, 1)); 1721} 1722.text-red { 1723 --tw-text-opacity: 1; 1724 color: rgb(235 0 0 / var(--tw-text-opacity, 1)); 1725} 1726.text-secondaryDarkBlue { 1727 --tw-text-opacity: 1; 1728 color: rgb(27 50 92 / var(--tw-text-opacity, 1)); 1729} 1730.text-white { 1731 --tw-text-opacity: 1; 1732 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 1733} 1734.underline { 1735 text-decoration-line: underline; 1736} 1737.no-underline { 1738 text-decoration-line: none; 1739} 1740.shadow-buyNow { 1741 --tw-shadow: 0 3px 7px rgba(0,0,0,.3);
1742 --tw-shadow-colored: 0 3px 7px var(--tw-shadow-color); 1743 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1744} 1745.shadow-card { 1746 --tw-shadow: 0 2px 7px #ccc; 1747 --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color); 1748 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1749} 1750.shadow-default { 1751 --tw-shadow: 0 1px 10px #ccc; 1752 --tw-shadow-colored: 0 1px 10px var(--tw-shadow-color); 1753 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1754} 1755.shadow-home { 1756 --tw-shadow: -6px 8px 6px #ccc; 1757 --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color); 1758 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1759} 1760.shadow-home-small { 1761 --tw-shadow: -2px 5px 6px #ccc; 1762 --tw-shadow-colored: -2px 5px 6px var(--tw-shadow-color); 1763 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1764} 1765.shadow-none { 1766 --tw-shadow: 0 0 #0000; 1767 --tw-shadow-colored: 0 0 #0000; 1768 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
1768dow); 1769} 1770.shadow-text-box { 1771 --tw-shadow: inset 0 1px 1px rgba(0,0,0,.075); 1772 --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color); 1773 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 1774} 1775.blur { 1776 --tw-blur: blur(8px); 1777 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 1778} 1779.drop-shadow-md { 1780 --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); 1781 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 1782} 1783.filter { 1784 filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); 1785} 1786.container { 1787 width: 100%; 1788} 1789@media (min-width: 320px) { 1790 1791 .container { 1792 max-width: 320px; 1793 } 1794} 1795@media (min-width: 768px) { 1796 1797 .container { 1798 max-width: 768px; 1799 } 1800} 1801@media (min-width: 1024px) { 1802 1803 .container { 1804 max-width: 1024px; 1805 } 1806} 1807.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} 1808/* Work Sans fonts */ 1809@font-face { 1810 font-family: 'work-sans-light'; 1811 src:url('https://assets.ctfassets.net/peceku0c8uzu/1Br9gUJZALBAetaPGiSb9g/17a9c1442e37978a70e892a4b8cbe101/WorkSans-Light.woff2'), 1812 url('https://assets.ctfassets.net/peceku0c8uzu/gA2wYoZB5CvU3fn0NtE06/7f49552802e99587a263444a3b852050/WorkSans-Light.woff'); 1813 font-weight: normal; 1814 font-style: normal; 1815 font-display: block; 1816} 1817@font-face { 1818 font-family: 'work-sans-regular'; 1819 src:url('https://assets.ctfassets.net/peceku0c8uzu/3nle3q6mxGBwjNQ9fxDoq1/f8d5b904d12574ff715e780a4b0866a9/WorkSans-Regular.woff2'), 1820 url('https://assets.ctfassets.net/peceku0c8uzu/2hxmLc4MRPTVb0KEPKKFcN/c4c635db49f6512da1f8fba014d7c3df/WorkSans-Regular.woff'); 1821 font-weight: normal; 1822 font-style: normal; 1823 font-display: block; 1824} 1825@font-face { 1826 font-family: 'work-sans-italic'; 1827 src:url('https://assets.ctfassets.net/peceku0c8uzu/1UerhU3uxwBCOQQYb2yKwZ/c71b98b8caa6438730a3cf5354e15927/WorkSans-Italic-VariableFont_wght.woff2'), 1828 url('https://assets.ctfassets.net/peceku0c8uzu/5N8Du2gavuT3D0l6FwtgF5/c95627405972fccfc2b04465caa02672/WorkSans-Italic-VariableFont_wght.woff'); 1829 font-weight: normal; 1830 font-style: normal; 1831 font-display: block; 1832} 1833@font-face { 1834 font-family: 'work-sans-500'; 1835 src:url('https://assets.ctfassets.net/peceku0c8uzu/3dA5lsybE5xKxvTgDvbeQZ/479fcd0351be3e48e012f10593ec3876/WorkSans-Medium.woff2'), 1836 url('https://assets.ctfassets.net/peceku0c8uzu/6rBAbm7o7z6W9oOhOm90K7/d91b238e77d809f7907472ebaea2a290/WorkSans-Medium.woff'); 1837 font-weight: normal; 1838 font-style: normal; 1839 font-display: block; 1840 1841} 1842@font-face { 1843 font-family: 'work-sans-500-italic'; 1844 src:url('https://assets.ctfassets.net/peceku0c8uzu/F6CGh48rWYgUCsuob2vNm/939df35ad110c9ab626f4dbc5eb34f29/WorkSans-MediumItalic.woff2'), 1845 url('https://assets.ctfassets.net/peceku0c8uzu/5Jqeyhq7uCSgjYkkyqbDe6/12e40d84f3d724ac12a8748ebaa25d48/WorkSans-MediumItalic.woff'); 1846 font-weight: normal; 1847 font-style: normal; 1848 font-display: block; 1849} 1850@font-face { 1851 font-family: 'work-sans-600'; 1852 src:url('https://assets.ctfassets.net/peceku0c8uzu/7jrf8E8Rolac2cDOtaCqGk/d25f9b8047d871eb861f55fe5946ae93/WorkSans-SemiBold.woff2'), 1853 url('https://assets.ctfassets.net/peceku0c8uzu/2e0ISsjYhYGjNNFUqRlosd/eae48789ba76cae0245af92e36518944/WorkSans-SemiBold.woff'); 1854 font-weight: normal; 1855 font-style: normal; 1856 font-display: block; 1857 1858} 1859@font-face { 1860 font-family: 'work-sans-700'; 1861 src:url('https://assets.ctfassets.net/peceku0c8uzu/5Ohtld0BIhLMWK92Jgx2ui/be09c615d970bfc152abb4efb84f8c07/WorkSans-Bold.woff2'), 1862 url('https://assets.ctfassets.net/peceku0c8uzu/2Ul8Pf9Ppzbm93uu5jQ4hW/006525d2f795cf3090fba4d18823333a/WorkSans-Bold.woff'); 1863 font-weight: normal; 1864 font-style: normal; 1865 font-display: block; 1866 1867} 1868/* CoreRhino fonts */ 1869@font-face { 1870 font-family: 'core-rhino-45'; 1871 src:url('https://assets.ctfassets.net/peceku0c8uzu/3papGvPR4bUD1Adk5ecLpX/1cc40c8389a86cafad6524b473c990c7/CoreRhino45Regular.woff2'), 1872 url('https://assets.ctfassets.net/peceku0c8uzu/5ysBMslqKyIvCUavLXYji1/79efe27b4eb4a8ea0b9db9f78108fca0/CoreRhino45Regular.woff'); 1873 font-weight: normal; 1874 font-style: normal; 1875 font-display: block; 1876} 1877@font-face { 1878 font-family: 'core-rhino-55'; 1879 src:url('https://assets.ctfassets.net/peceku0c8uzu/7fFuwYV7OmjtAUyiE6DmHG/8b2f5132c1de88856d00ec4f6df8bd0d/CoreRhino55Medium.woff2'), 1880 url('https://assets.ctfassets.net/peceku0c8uzu/57T2czRQDhy7GXqaL4RITH/4130b9a0f1a856cf8f4ce2f9e240b6cd/CoreRhino55Medium.woff'); 1881 font-weight: normal; 1882 font-style: normal; 1883 font-display: block; 1884} 1885@font-face { 1886 font-family: 'core-rhino-65'; 1887 src:url('https://assets.ctfassets.net/peceku0c8uzu/2yv9KBrxmyRsoZVtYSiyEK/34a1769f1f78b8941790458fd65df224/CoreRhino65Bold.woff2'), 1888 url('https://assets.ctfassets.net/peceku0c8uzu/e8Z2kYz6209RxBRVWszSO/4e3f5b6494ddc573af7ea8bb40d51cf9/CoreRhino65Bold.woff'); 1889 font-weight: normal; 1890 font-style: normal; 1891 font-display: block; 1892} 1893@font-face { 1894 font-family: 'core-rhino-75'; 1895 src:url('https://assets.ctfassets.net/peceku0c8uzu/ZvdvCLoHDufGU9z5AxPqH/d503fd937a928b9c1f70416a886a0b4e/CoreRhino75Heavy.woff2'), 1896 url('https://assets.ctfassets.net/peceku0c8uzu/7KEGRFKTQnbsw0D0n1LSpe/a873de69c0e89acc16a33e208b672bc1/CoreRhino75Heavy.woff'); 1897 font-weight: normal; 1898 font-style: normal; 1899 font-display: block; 1900} 1901@font-face { 1902 font-family: 'core-rhino-65-italic'; 1903 src:url('https://assets.ctfassets.net/peceku0c8uzu/1G3n5LVxRO3r621kNK6w0J/c06961bbd6f5b3af506dc6f9727027b9/CoreRhino65Bold-Italic.woff2'), 1904 url('https://assets.ctfassets.net/peceku0c8uzu/42WYzUUGwgeeBs6y9eKgxr/0e5da85788c030b6523c2db810010577/CoreRhino65Bold-Italic.woff'); 1905 font-weight: normal; 1906 font-style: normal; 1907 font-display: block; 1908} 1909 1910@font-face { 1911 font-family: 'Quicksand-Medium'; 1912 src: url('https://assets.ctfassets.net/peceku0c8uzu/5dF9mK4WDOx1icRerupK6d/a9e0757e0e50f6cbd8e7bcbdc5111ee7/Quicksand-Medium.woff2') 1913 format('woff2'), 1914 url('https://assets.ctfassets.net/peceku0c8uzu/788XQwo0dTksPtq7m5KHNC/c97f6d1bdb2572300a892f7828f7ca03/Quicksand-Medium.woff') 1915 format('woff'); 1916 font-weight: 500; 1917 font-style: normal; 1918 font-display: swap; 1919} 1920@font-face { 1921 font-family: 'nunito-regular'; 1922 src: url('https://assets.ctfassets.net/peceku0c8uzu/IulCfC5jJGzF59acnwR4a/62ced89914df5f078fa0db3aab5a69c2/nunito-regular.woff'), 1923 url('https://assets.ctfassets.net/peceku0c8uzu/3zEAjsfHyBPbZc1w23z5wB/d5d431686a8bc42b6130e725422c4adb/nunito-regular.woff2'); 1924 font-weight: normal; 1925 font-style: normal; 1926} 1927@font-face { 1928 font-family: 'nunito-900'; 1929 src: url('https://assets.ctfassets.net/peceku0c8uzu/7vF2snmymTmQJIiQ2NEwgA/4e1e52cdff3bd36d16e918764ad283e5/nu
1929nito-900.woff'), 1930 url('https://assets.ctfassets.net/peceku0c8uzu/5TSh9TtLiYSm43dRIGQk1w/c95f5bf617aad1f97119f6cb5fa6430e/nunito-900.woff2'); 1931 font-weight: normal; 1932 font-style: normal; 1933} 1934@font-face { 1935 font-family: 'nunito-800'; 1936 src: url('https://assets.ctfassets.net/peceku0c8uzu/61KqGgH6l6hxubw5RpFEX/c6feb152dd2c9e7a6dfb668fda89a9c2/nunito-800.woff'), 1937 url('https://assets.ctfassets.net/peceku0c8uzu/1C0QPNubqCcTgbspudYRdy/94bfa33f8c4d74238b576c69a1f011cf/nunito-800.woff2'); 1938 font-weight: normal; 1939 font-style: normal; 1940} 1941@font-face { 1942 font-family: 'nunito-700'; 1943 src: url('https://assets.ctfassets.net/peceku0c8uzu/fKBZG1oecYXYJjKtXxQy3/97ce9a4b63e10f643e5cb2c78cee9037/nunito-700.woff'), 1944 url('https://assets.ctfassets.net/peceku0c8uzu/49rlFm4NyTqv594MRLIClC/21b1d54f88c540ce8a1c32be542f88bf/nunito-700.woff2'); 1945 font-weight: normal; 1946 font-style: normal; 1947} 1948@font-face { 1949 font-family: 'nunito-600'; 1950 src: url('https://assets.ctfassets.net/peceku0c8uzu/0ApTEDxPrKcj2q6B6pRDJ/706415d0205626162e1f7b8ade7938c8/nunito-600.woff'), 1951 url('https://assets.ctfassets.net/peceku0c8uzu/7ESy0YOOsKDoHgqjFqGyHs/3a7e0d23cbd4b91b3f916f80074ed53f/nunito-600.woff2'); 1952 font-weight: normal; 1953 font-style: normal; 1954} 1955 1956@font-face { 1957 font-family: 'nunito-700-italic'; 1958 src: url('https://assets.ctfassets.net/peceku0c8uzu/1oZWVx6qxvPtvi5f8uEAnX/49ce7e39cfd37c0a51637a7164de4394/nunito-700italic.woff'), 1959 url('https://assets.ctfassets.net/peceku0c8uzu/2WQwnCNZ08qHgpU6jd58YH/987875360a5beec2db613cb9878ad192/nunito-700italic.woff2'); 1960 font-weight: normal; 1961 font-style: normal; 1962} 1963@font-face { 1964 font-family: 'nunito-800-italic'; 1965 src: url('https://assets.ctfassets.net/peceku0c8uzu/7F9kvBvaKVYh1Xwae1MVjY/9382846818bfb9387e551b951cae586c/nunito-800italic.woff'), 1966 url('https://assets.ctfassets.net/peceku0c8uzu/7yFHLk3rFEP3hCvlYnelhp/ddebd897625e926dfbae99fb82c999e3/nunito-800italic.woff2'); 1967 font-weight: normal; 1968 font-style: normal; 1969} 1970@font-face { 1971 font-family: 'nunito-900-italic'; 1972 src: url('https://assets.ctfassets.net/peceku0c8uzu/ac6uQ1HS1Ce7QFUnpVACr/7b0eec8f2b4fef8d458e132331646a1a/nunito-900italic.woff'), 1973 url('https://assets.ctfassets.net/peceku0c8uzu/1hrI8sTRlAdjIXxAx7u1MM/a892a39b598e13797ed3a10cdaa6df0e/nunito-900italic.woff2'); 1974 font-weight: normal; 1975 font-style: normal; 1976} 1977 1978body { 1979 background-image: url('https://images.ctfassets.net/peceku0c8uzu/8fh8uabqkRICSnL7Yc9kS/67f7fbabfbf068b7ae7df286fb4f2d22/Header_BG2.png?fm=webp'); 1980 background-size: 100% 37%; 1981 background-repeat: no-repeat; 1982 font-family: Quicksand-Medium; 1983 --tw-text-opacity: 1; 1984 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 1985} 1986 1987.skip-link { 1988 position: absolute; 1989 border-radius: 5px; 1990 border-width: 0; 1991 border-style: solid; 1992 --tw-border-opacity: 1; 1993 border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); 1994 --tw-bg-opacity: 1; 1995 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 1996 padding-left: 10px; 1997 padding-right: 10px; 1998 padding-top: 3px; 1999 padding-bottom: 3px; 2000 text-align: center; 2001 font-family: Quicksand-Medium; 2002 font-size: 0.875rem; 2003 z-index: 9999; 2004 transform: translateY(-150%); 2005 left: 10px; 2006 top: 10px; 2007} 2008 2009.skip-link:focus { 2010 position: fixed; 2011 margin-top: 45px; 2012 cursor: pointer; 2013 outline: 2px solid transparent; 2014 outline-offset: 2px; 2015} 2016 2017.pageWrapper { 2018 margin-left: auto; 2019 margin-right: auto; 2020 padding-left: 15px; 2021 padding-right: 15px; 2022} 2023 2024.couponWidgetContainer { 2025 margin-left: auto; 2026 margin-right: auto; 2027 margin-top: 5%; 2028 margin-bottom: 5%; 2029 padding-left: 15px; 2030 padding-right: 15px; 2031} 2032 2033.youtube-icon { 2034 left: calc(50% - 25px); 2035 top: calc(50% - 24px); 2036 border: none; 2037} 2038.linkSection a:nth-of-type(1) img { 2039 height: 22px; 2040} 2041.linkSection a:nth-of-type(2) img { 2042 width: 39px; 2043 height: 28px; 2044} 2045.linkSection a:nth-of-type(3) img { 2046 width: 39px; 2047 height: 28px; 2048} 2049.linkSection a:nth-of-type(4) img { 2050 width: 35px; 2051 height: 25px; 2052} 2053.linkSection a { 2054 display: flex; 2055 height: 14px; 2056 align-items: center; 2057 border-left-width: 0; 2058 --tw-border-opacity: 1; 2059 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 2060 padding-left: 17px; 2061 padding-right: 17px; 2062} 2063@media (max-width: 767px) { 2064 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.linkSection a.justify-center.items-center.uppercase.undefined.event_internal_link{ 2065 margin-bottom: -15px; 2066 } 2067 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.linkSection a.uppercase.undefined.event_internal_link{ 2068 margin-bottom: -15px; 2069 } 2070} 2071.linkSection a:first-child { 2072 border-left-width: 0; 2073} 2074.bbbLogo a img { 2075 width: 94px; 2076 height: 18px; 2077} 2078@media (min-width: 1024px) { 2079 .bbbLogo a img { 2080 width: 154px; 2081 height: 30px; 2082 } 2083} 2084.relatedBrandWrapper .list .listItemIcons:last-child { 2085 border-width: 0; 2086} 2087.relatedBrandWrapper .list .listItemIcons .link a img { 2088 width: 60px; 2089} 2090@media (min-width: 1024px) { 2091 .imgWrap img { 2092 border-radius: 20px; 2093 } 2094 2095@media (max-width: 767px) { 2096 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imgWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2097 margin-bottom: -15px; 2098 } 2099} 2100} 2101 2102#sustainabilityPage .imgWrap img { 2103 border-radius: 20px; 2104} 2105 2106@media (max-width: 767px) { 2107 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#sustainabilityPage .imgWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2108 margin-bottom: -15px; 2109 } 2110} 2111 2112.FeatureBanner .textWrapper, 2113#offerPage .textWrapper { 2114 padding-top: 30px; 2115 padding-left: 15px; 2116} 2117 2118.tableContainer { 2119 border-spacing: 0; 2120} 2121.tableContainer tr:last-child td.tableTd:first-child { 2122 border-bottom-left-radius: 10px; 2123} 2124.tableContainer tr:last-child td.tableTd:last-child { 2125 border-bottom-right-radius: 10px; 2126} 2127 2128.imageWrap > button > div { 2129 margin-top: 0px; 2130 margin-bottom: 0px; 2131 margin-left: auto; 2132 margin-right: auto; 2133} 2134.imageWrap > button > div > div { 2135 z-index: 99; 2136} 2137@media (min-width: 1024px) { 2138 .imageWrap > button > div > img { 2139 max-width: none !important; 2140 width: 318px !important; 2141 } 2142} 2143.mediaWrapper > img { 2144 width: 350px !important; 2145 max-width: none !important; 2146 margin-top: 0px; 2147 margin-bottom: 0px; 2148 margin-left: auto; 2149 margin-right: auto; 2150} 2151@media (min-width: 1024px) { 2152 .mediaWrapper > img { 2153 width: 303px !important; 2154 margin: 0px; 2155 } 2156} 2157.imageWrap > img { 2158 max-width: none !important; 2159 bottom: 20px; 2160 position: relative; 2161 margin-top: 0px; 2162 margin-bottom: 0px; 2163 margin-left: auto; 2164 margin-right: auto; 2165} 2166.imageset { 2167 margin-top: 0px; 2168 margin-bottom: 0px; 2169 margin-left: auto; 2170 margin-right: auto; 2171 width: 100%; 2172 border-radius: 20px; 2173} 2174@media (max-width: 767px) { 2175 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imageset.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2176 margin-bottom: -15px; 2177 } 2178} 2179.imageset img { 2180 margin-top: 0px; 2181 margin-bottom: 0px; 2182 margin-left: auto; 2183 margin-right: auto; 2184 border-radius: 20px; 2185} 2186@media (max-width: 767px) { 2187 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.imageset img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2188 margin-bottom: -15px; 2189 } 2190} 2191@media (min-width: 1024px) { 2192 .imageset { 2193 width: 846px; 2194 --tw-shadow: -6px 8px 6px #ccc;
2195 --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color); 2196 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2197 } 2198} 2199.productDetailWrapper .socialFbbtn button:first-child { 2200 margin-right: 7px; 2201} 2202.shareSection .dialogWrapper, 2203.socialShare .dialogWrapper { 2204 width: 640px; 2205} 2206.shareSection .white-gradient { 2207 background: linear-gradient(180deg, #1e5799 0, #fff 0, #fff 53%, #f2f2f2) repeat scroll 0 0 transparent; 2208 border-top-left-radius: 20px; 2209 border-top-right-radius: 20px; 2210} 2211.image-dialog > div { 2212 background: linear-gradient(180deg, #1e5799 0, #fff 0, #fff 53%, #f2f2f2) repeat scroll 0 0 transparent; 2213 border-top-left-radius: 20px; 2214 border-top-right-radius: 20px; 2215 padding-left: 20px; 2216 padding-bottom: 15px; 2217 padding-top: 12px; 2218 padding-right: 0px; 2219 font-size: 1.25rem; 2220 font-weight: 700; 2221 line-height: 30px; 2222 --tw-text-opacity: 1; 2223 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 2224} 2225@media (max-width: 767px) { 2226 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.image-dialog > div.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2227 margin-bottom: -15px; 2228 } 2229} 2230.close-dialog { 2231 position: absolute; 2232 right: 0; 2233 top: 0; 2234 width: 100%; 2235 padding-left: 10px; 2236 padding-right: 30px; 2237 text-align: right; 2238} 2239.close-icon { 2240 right: -25px; 2241 top: -22px; 2242 position: absolute; 2243 height: 45px; 2244 width: 45px; 2245 font-size: 0; 2246} 2247@media (min-width: 1024px) { 2248 .productDetailWrapper .relatedProductWrapper { 2249 width: 846px; 2250 } 2251} 2252.productListStyles .quickViewCardWrap { 2253 width: 190px; 2254} 2255.productListStyles .quickViewCardWrap img, 2256.pdpRecentlViewWrapper .quickViewCardWrap img { 2257 max-height: 245px; 2258 margin: auto; 2259} 2260.productListStyles .relatedProductName { 2261 padding-top: 10px; 2262 text-align: center; 2263 font-size: 1rem; 2264 --tw-text-opacity: 1; 2265 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2266} 2267.productListStyles .QuickViewButton { 2268 width: 190px; 2269} 2270.pdpRecentlViewWrapper .quickViewContentWrapper { 2271 text-align: center; 2272} 2273.modal-backdrop { 2274 position: fixed; 2275 inset: 0; 2276 top: 0; 2277 z-index: 60; 2278 height: 100vh; 2279 width: 100%; 2280 background-color: rgba(0, 112, 192, 0.8); 2281 animation: slide-up 1s ease; 2282} 2283.productDetailWrapper .introWrap .accordianWrapper .panelHeader { 2284 border-width: 0; 2285} 2286.productDetailWrapper .introWrap .accordianWrapper span.icon { 2287 display: none; 2288} 2289.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate { 2290 display: flex; 2291 flex-wrap: wrap; 2292 border-width: 2px; 2293 --tw-border-opacity: 1; 2294 border-color: rgb(0 112 193 / var(--tw-border-opacity, 1)); 2295 padding: 10px; 2296} 2297@media (max-width: 767px) { 2298 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate.justify-center.items-center.uppercase.undefined.event_internal_link{ 2299 margin-bottom: -15px; 2300 } 2301} 2302.productDetailWrapper .introWrap .accordianWrapper .MobMenuCatDropdown_animate .linkContainer { 2303 width: 50%; 2304 padding: 10px; 2305} 2306/* .articleListContentWrapper .articleContentWrapper:nth-of-type(2) { 2307 @apply border-t border-gray-light2; 2308} */ 2309@media (min-width: 1024px) { 2310 /* .articleListContentWrapper .articleContentWrapper:nth-of-type(2) { 2311 @apply border-t-0; 2312 } */ 2313} 2314.articleListContentWrapper .articleContentWrapper:last-child { 2315 border-width: 0; 2316} 2317 2318.rightContentPanel .relatedProductName { 2319 font-size: 0.8125rem; 2320 --tw-text-opacity: 1; 2321 color: rgb(64 64 64 / var(--tw-text-opacity, 1)); 2322} 2323.rightContentPanel .quickViewContentWrapper > p { 2324 min-width: 140px; 2325 font-size: 0.5625rem; 2326 --tw-text-opacity: 1; 2327 color: rgb(64 64 64 / var(--tw-text-opacity, 1)); 2328} 2329 2330.rightContentPanel .cardWrapper { 2331 padding-left: 0px; 2332 padding-right: 0px; 2333} 2334
2335.rightContentPanel .contentWrapper.shadow-home-small { 2336 --tw-shadow: 0 2px 7px #ccc; 2337 --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color); 2338 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2339} 2340 2341@media (max-width: 1023px) { 2342 2343 #articleDetailPage .rightContentPanel .contentWrapper.shadow-home-small { 2344 border-bottom-width: 2px; 2345 --tw-border-opacity: 1; 2346 border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); 2347 --tw-shadow: 0 0 #0000; 2348 --tw-shadow-colored: 0 0 #0000; 2349 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2350 } 2351} 2352.rightContentPanel .imgWrap > img { 2353 --tw-shadow: 0 2px 7px #ccc; 2354 --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color); 2355 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2356} 2357@media (max-width: 1023px) { 2358 2359 #articleDetailPage .rightContentPanel .imgWrap > img { 2360 border-bottom-width: 2px; 2361 --tw-border-opacity: 1; 2362 border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); 2363 --tw-shadow: 0 0 #0000; 2364 --tw-shadow-colored: 0 0 #0000; 2365 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
2365dow); 2366 } 2367} 2368.rightContentPanel .contentWrapper .textWrapper > h1 { 2369 font-weight: 700; 2370 --tw-text-opacity: 1; 2371 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 2372} 2373@media (max-width: 767px) { 2374 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.rightContentPanel .contentWrapper .textWrapper > h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2375 margin-bottom: -15px; 2376 } 2377 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.rightContentPanel .contentWrapper .textWrapper > h1.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2378 margin-bottom: -15px; 2379 } 2380} 2381.rightContentPanel .contentWrapper .textWrapper > div { 2382 width: 230px; 2383} 2384.productViewTypes .grid-view { 2385 margin-right: 15px; 2386} 2387.productViewPanel .contentWrapper { 2388 border-radius: 0px; 2389 --tw-shadow: 0 0 #0000; 2390 --tw-shadow-colored: 0 0 #0000; 2391 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
2391dow); 2392} 2393.productDetailWrapper .sectionWrap .descSection > p:first-child { 2394 padding-bottom: 15px; 2395} 2396.productViewPanel .productView .quickViewCardWrap { 2397 float: none; 2398 display: flex; 2399 width: 100%; 2400 border-bottom-width: 0; 2401 --tw-border-opacity: 1; 2402 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 2403 padding: 15px; 2404} 2405@media (max-width: 767px) { 2406 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.productViewPanel .productView .quickViewCardWrap.justify-center.items-center.uppercase.undefined.event_internal_link{ 2407 margin-bottom: -15px; 2408 } 2409} 2410.productViewPanel .textWrapper { 2411 padding-left: 15px; 2412 padding-top: 20px; 2413} 2414.list.productViewPanel .productView .quickViewCardWrap { 2415 padding-top: 40px; 2416} 2417.grid.productViewPanel .productView .quickViewCardWrap .quickViewContentWrapper { 2418 height: 230px; 2419 justify-content: space-around; 2420} 2421.list.productViewPanel .productView .quickViewCardWrap:not(:last-child) { 2422 border-bottom-width: 1px; 2423} 2424.productViewPanel.grid .productView .quickViewCardWrap { 2425 float: left; 2426 margin-right: 0px; 2427 display: block; 2428 height: 505px; 2429 width: 50%; 2430} 2431.productViewPanel .productView .quickViewMediaWrapper { 2432 margin-right: 20px; 2433} 2434.productViewPanel .productView .quickViewMediaWrapper .lazyload-wrapper { 2435 width: 166px; 2436} 2437 2438.productViewPanel .productView .quickViewMediaWrapper { 2439 width: 166px; 2440} 2441.productViewPanel .productView .quickViewContentWrapper h1 p { 2442 margin-bottom: 15px; 2443 min-height: auto; 2444 font-size: 0.9375rem; 2445 text-transform: uppercase; 2446 line-height: 22px; 2447 --tw-text-opacity: 1; 2448 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2449} 2450@media (max-width: 767px) { 2451 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.productViewPanel .productView .quickViewContentWrapper h1 p.undefined.event_internal_link{ 2452 margin-bottom: -15px; 2453 } 2454} 2455.productViewPanel .productView .quickViewContentWrapper p { 2456 font-size: 0.75rem; 2457 line-height: 20px; 2458 --tw-text-opacity: 1; 2459 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 2460} 2461@media (max-width: 767px) { 2462 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.productViewPanel .productView .quickViewContentWrapper p.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2463 margin-bottom: -15px; 2464 } 2465} 2466.QAWrapper a { 2467 --tw-text-opacity: 1; 2468 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2469} 2470.productViewPanel .textWrapper > h1 { 2471 padding-top: 30px; 2472 font-weight: 700; 2473 --tw-text-opacity: 1; 2474 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 2475} 2476@media (max-width: 767px) { 2477 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.productViewPanel .textWrapper > h1.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2478 margin-bottom: -15px; 2479 } 2480 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel .textWrapper > h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2481 margin-bottom: -15px; 2482 } 2483} 2484.productViewPanel .textWrapper > div { 2485 width: 140px; 2486 font-size: 0.8125rem; 2487 font-weight: 700; 2488 line-height: 1.36; 2489 --tw-text-opacity: 1; 2490 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 2491} 2492@media (max-width: 767px) { 2493 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.productViewPanel .textWrapper > div.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2494 margin-bottom: -15px; 2495 } 2496 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel .textWrapper > div.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2497 margin-bottom: -15px; 2498 } 2499} 2500.productViewPanel .textWrapper > div.markSimpleDesc { 2501 width: 80px; 2502 font-size: 0.6875rem; 2503 font-weight: normal; 2504 line-height: 1.36; 2505} 2506.productViewPanel + .modal-dialog .modal { 2507 top: 75px; 2508 width: 275px; 2509 border-radius: 6px; 2510 --tw-shadow: 0 3px 7px rgba(0,0,0,.3);
2511 --tw-shadow-colored: 0 3px 7px var(--tw-shadow-color); 2512 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 2513} 2514.productViewPanel + .modal-dialog .modal .title { 2515 border-top-left-radius: 10px; 2516 border-top-right-radius: 10px; 2517 padding-top: 10px; 2518 padding-bottom: 10px; 2519 font-size: 0.9375rem; 2520 font-weight: 700; 2521 text-transform: capitalize; 2522 --tw-text-opacity: 1; 2523 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2524} 2525@media (max-width: 767px) { 2526 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.productViewPanel + .modal-dialog .modal .title.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2527 margin-bottom: -15px; 2528 } 2529} 2530.productViewPanel + .modal-dialog .modal .title { 2531 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 2532 rgba(0, 0, 0, 0); 2533} 2534.HeroBanner .contentWrapper { 2535 margin-top: 40px; 2536} 2537 2538/* menu start */ 2539@media (min-width: 1024px) { 2540 main { 2541 position: relative; 2542 top: -10px; 2543 } 2544 .primaryMenuWrapper { 2545 position: relative; 2546 max-width: 846px; 2547 margin: 40px auto 30px; 2548 padding: 5.5px 0; 2549 } 2550 .primaryMenuWrapper > a { 2551 position: absolute; 2552 top: -28px; 2553 left: -20px; 2554 } 2555 .wrapperDiv { 2556 display: flex; 2557 height: 50px; 2558 flex-direction: row; 2559 align-items: center; 2560 justify-content: center; 2561 border-radius: 20px; 2562 --tw-bg-opacity: 1; 2563 background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1)); 2564 } 2565 2566@media (max-width: 767px) { 2567 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.wrapperDiv.justify-center.items-center.uppercase.undefined.event_internal_link{ 2568 margin-bottom: -15px; 2569 } 2570 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.wrapperDiv.items-center.uppercase.undefined.event_internal_link{ 2571 margin-bottom: -15px; 2572 } 2573 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.wrapperDiv.uppercase.undefined.event_internal_link{ 2574 margin-bottom: -15px; 2575 } 2576 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.wrapperDiv.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2577 margin-bottom: -15px; 2578 } 2579} 2580 .primaryMenuWrapper .mainMenuItem { 2581 text-align: center; 2582 font-weight: 700; 2583 line-height: 50px; 2584 } 2585 2586@media (max-width: 767px) { 2587 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.primaryMenuWrapper .mainMenuItem.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2588 margin-bottom: -15px; 2589 } 2590} 2591 .primaryMenuWrapper .mainMenuItem { 2592 flex: 1 1 auto; 2593 } 2594 .primaryMenuWrapper .megaButton { 2595 font-size: 0.8125rem; 2596 --tw-text-opacity: 1; 2597 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 2598 } 2599 2600@media (max-width: 767px) { 2601 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.primaryMenuWrapper .megaButton.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2602 margin-bottom: -15px; 2603 } 2604} 2605 .primaryMenuWrapper .mainMenuItem:nth-child(1) { 2606 padding-left: 73px; 2607 } 2608 .primaryMenuWrapper .mainMenuItem:nth-child(2) { 2609 position: relative; 2610 } 2611 .primaryMenuWrapper .mainMenuItem:nth-child(2)::before { 2612 position: absolute; 2613 height: 40px; 2614 width: 1px; 2615 --tw-bg-opacity: 1; 2616 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 2617 content: ''; 2618 left: 0; 2619 top: 5px; 2620 } 2621 .primaryMenuWrapper .mainMenuItem:nth-child(2)::after { 2622 position: absolute; 2623 height: 40px; 2624 width: 1px; 2625 --tw-bg-opacity: 1; 2626 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 2627 content: ''; 2628 right: 0; 2629 top: 5px; 2630 } 2631 2632 .primaryMenuWrapper .slotsWrap-1 { 2633 position: absolute; 2634 z-index: 1; 2635 height: 165px; 2636 width: 586px; 2637 flex-direction: row; 2638 align-items: flex-start; 2639 justify-content: center; 2640 --tw-bg-opacity: 1; 2641 background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); 2642 } 2643 2644@media (max-width: 767px) { 2645 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.primaryMenuWrapper .slotsWrap-1.items-center.uppercase.undefined.event_internal_link{ 2646 margin-bottom: -15px; 2647 } 2648} 2649 2650 .primaryMenuWrapper .slotsWrap-1 { 2651 left: -158px; 2652 top: 50px; 2653 border-radius: 0 0 10px 10px; 2654 box-shadow: 0 0 6px #ccc; 2655 } 2656 2657 .primaryMenuWrapper .slotsWrap-1 li { 2658 float: left; 2659 width: 24%; 2660 text-align: center; 2661 font-size: 0.75rem; 2662 --tw-text-opacity: 1; 2663 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2664 } 2665 2666@media (max-width: 767px) { 2667 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.primaryMenuWrapper .slotsWrap-1 li.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2668 margin-bottom: -15px; 2669 } 2670} 2671 .primaryMenuWrapper .slotsWrap-1 li:first-child { 2672 display: none; 2673 } 2674 .primaryMenuWrapper .slotsWrap-2 li:first-child { 2675 display: none; 2676 } 2677 .primaryMenuWrapper .slotsWrap-1 li img { 2678 margin: 13% auto 0; 2679 max-width: 51px; 2680 } 2681 2682 .primaryMenuWrapper .slotsWrap-1 li .titleSection { 2683 margin-left: auto; 2684 margin-right: auto; 2685 margin-top: 5px; 2686 line-height: 15px; 2687 } 2688 2689@media (max-width: 767px) { 2690 a.historycardButton.primaryMenuWrapper .slotsWrap-1 li .titleSection.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2691 margin-bottom: -15px; 2692 } 2693} 2694 2695 .primaryMenuWrapper .slotsWrap-1 li .titleSection { 2696 max-width: 107px; 2697 } 2698 2699 .primaryMenuWrapper .slotsWrap-2 { 2700 position: absolute; 2701 z-index: 1; 2702 width: 275px; 2703 flex-direction: column; 2704 text-align: center; 2705 height: 365px; 2706 top: 54px; 2707 right: 6px; 2708 background: linear-gradient(to bottom, #1e5799 0%, #eef5fb 0%, #fff 50%, #fff 100%); 2709 border-radius: 0 0 10px 10px; 2710 box-shadow: 0 0 6px #ccc; 2711 } 2712 .primaryMenuWrapper .slotsWrap-2 li { 2713 font-size: 0.875rem; 2714 --tw-text-opacity: 1; 2715 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 2716 border-bottom: 1px solid #ccc; 2717 padding: 10px 0 11px 11px; 2718 line-height: 2.14; 2719 letter-spacing: -0.15px; 2720 } 2721 .primaryMenuWrapper .slotsWrap-2 li:last-child { 2722 border-bottom-width: 0; 2723 } 2724 .quickCarouselWrapper .slick-arrow { 2725 display: block; 2726 } 2727 .carousalContainer .slick-arrow div { 2728 position: absolute; 2729 height: 46px; 2730 width: 30px; 2731 opacity: 0.5; 2732 background: url('https://images.ctfassets.net/peceku0c8uzu/6VhfwvGkyPzNnLsMo3binr/0adccd176fbca0e522ac8676dffebb69/sprite.png'); 2733 } 2734 .carousalContainer .slick-arrow div:hover { 2735 opacity: 0.9; 2736 } 2737 .labelZero { 2738 opacity: 0; 2739 } 2740 .carousalContainer .slick-arrow.slick-prev { 2741 left: 13px; 2742 } 2743 .carousalContainer .slick-arrow.slick-prev div { 2744 background-position: 0px 0px; 2745 } 2746 .carousalContainer .slick-arrow.slick-next { 2747 right: 13px; 2748 } 2749 .carousalContainer .slick-arrow.slick-next div { 2750 background-position: -54px 0px; 2751 } 2752 /* adp */ 2753 2754 #articleDetailPage .articlerichtext h1 { 2755 font-size: 1.5rem; 2756 font-weight: 700; 2757 --tw-text-opacity: 1; 2758 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 2759 } 2760 2761@media (max-width: 767px) { 2762 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2763 margin-bottom: -15px; 2764 } 2765} 2766 #articleDetailPage .articlerichtext h2 { 2767 font-size: 1.3125rem; 2768 font-weight: 700; 2769 --tw-text-opacity: 1; 2770 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 2771 } 2772 2773@media (max-width: 767px) { 2774 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2775 margin-bottom: -15px; 2776 } 2777} 2778 #articleDetailPage .articlerichtext h3 { 2779 font-size: 1.125rem; 2780 font-weight: 700; 2781 --tw-text-opacity: 1; 2782 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 2783 } 2784 2785@media (max-width: 767px) { 2786 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2787 margin-bottom: -15px; 2788 } 2789} 2790 #articleDetailPage .articlerichtext h4 { 2791 font-size: 1rem; 2792 font-weight: 700; 2793 --tw-text-opacity: 1; 2794 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 2795 } 2796 2797@media (max-width: 767px) { 2798 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h4.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2799 margin-bottom: -15px; 2800 } 2801} 2802 #articleDetailPage .articlerichtext p { 2803 padding-bottom: 3px; 2804 } 2805 /* Accessibility fix */ 2806 #articleDetailPage .articlerichtext a { 2807 font-size: 0.875rem; 2808 --tw-text-opacity: 1; 2809 color: rgb(0 112 192 / var(--tw-text-opacity, 1)); 2810 text-decoration-line: underline; 2811 } 2812 /* Table styles */ 2813 #articleDetailPage .articlerichtext table { 2814 margin-bottom: 20px; 2815 width: 100%; 2816 border-collapse: collapse; 2817 font-size: 0.875rem; 2818 line-height: 20px; 2819 } 2820 #articleDetailPage .articlerichtext table tbody tr:nth-child(even) { 2821 --tw-bg-opacity: 1; 2822 background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1)); 2823 } 2824 #articleDetailPage .articlerichtext table tbody tr:nth-child(odd) { 2825 --tw-bg-opacity: 1; 2826 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 2827 } 2828 #articleDetailPage .articlerichtext table tbody tr:hover { 2829 background-color: rgb(93 172 239 / var(--tw-bg-opacity, 1)); 2830 --tw-bg-opacity: 0.2; 2831 } 2832 #articleDetailPage .articlerichtext table td { 2833 padding-left: 15px; 2834 padding-right: 15px; 2835 padding-top: 10px; 2836 padding-bottom: 10px; 2837 vertical-align: top; 2838 --tw-text-opacity: 1; 2839 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 2840 } 2841 #articleDetailPage .articlerichtext table td, 2842 #articleDetailPage .articlerichtext table th { 2843 border: 1px solid #c8dff0; 2844 } 2845 #articleDetailPage #breadcrumb .breadcrumb { 2846 position: relative; 2847 margin-top: 15px; 2848 margin-bottom: 15px; 2849 margin-left: 10px; 2850 } 2851 .relatedProductName + p { 2852 margin-top: 10px; 2853 font-size: 0.875rem; 2854 line-height: 20px; 2855 --tw-text-opacity: 1; 2856 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 2857 } 2858 /* alp */ 2859 #articleListPage #breadcrumb .breadcrumb { 2860 position: relative; 2861 margin-top: 15px; 2862 margin-bottom: 25px; 2863 margin-left: 10px; 2864 padding-top: 7px; 2865 } 2866} 2867 2868@media (max-width: 374px) { 2869 .img-h-120 { 2870 height: 120px; 2871 } 2872} 2873 2874@media (max-width: 1023px) { 2875 body { 2876 background-size: 100% 20%; 2877 } 2878 .primaryMenuWrapper { 2879 position: relative; 2880 margin-top: 32px; 2881 padding-left: 20px; 2882 } 2883 .primaryMenuWrapper > a > img { 2884 position: absolute !important; 2885 float: left !important; 2886 height: 86px !important; 2887 width: 85px !important; 2888 top: -15px; 2889 left: 5px; 2890 } 2891 .primaryMenuWrapper button { 2892 margin-left: auto; 2893 margin-right: auto; 2894 display: block; 2895 height: 42px; 2896 border-radius: 32px; 2897 --tw-bg-opacity: 1; 2898 background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1)); 2899 width: calc(100% - 30px); 2900 } 2901 .primaryMenuWrapper .menu-icon { 2902 position: relative; 2903 float: right; 2904 margin-right: 15px; 2905 height: 40px; 2906 width: 30px; 2907 top: unset; 2908 } 2909 .primaryMenuWrapper .menu-icon.closeclass { 2910 height: 14px; 2911 width: 14px; 2912 } 2913 main { 2914 clear: both; 2915 margin-top: 25px; 2916 } 2917 #__next { 2918 position: relative; 2919 right: 0; 2920 } 2921 #__next, 2922 #mobile-nav { 2923 transition: all 0.5s ease; 2924 } 2925 2926 #mobile-nav { 2927 position: fixed; 2928 z-index: 60; 2929 max-height: 100%; 2930 width: 70%; 2931 overflow-y: auto; 2932 right: -70%; 2933 top: 0px; 2934 } 2935 #mobile-nav .wrapperMobile .menu-accordion, 2936 #mobile-nav .wrapperMobile > a { 2937 position: relative; 2938 display: block; 2939 --tw-bg-opacity: 1; 2940 background-color: rgb(15 89 153 / var(--tw-bg-opacity, 1)); 2941 text-align: center; 2942 font-size: 1.125rem; 2943 line-height: 55px; 2944 --tw-text-opacity: 1; 2945 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 2946 } 2947 2948@media (max-width: 767px) { 2949 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20#mobile-nav .wrapperMobile .menu-accordion.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20 2950 #mobile-nav .wrapperMobile > a.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 2951 margin-bottom: -15px; 2952 } 2953} 2954 #mobile-nav .wrapperMobile > a { 2955 padding: 20px; 2956 font-size: 1.25rem;
2957 line-height: 26px; 2958 } 2959 #mobile-nav .wrapperMobile .menu-accordion { 2960 border-top-width: 0; 2961 border-bottom-width: 1px; 2962 --tw-border-opacity: 1; 2963 border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); 2964 border-bottom-color: rgba(256, 256, 256, .4); 2965 } 2966 .down-icon, 2967 .up-icon { 2968 position: absolute; 2969 height: unset; 2970 width: unset; 2971 top: 32px; 2972 right: 56px; 2973 } 2974 .youtube-icon { 2975 } 2976 #mobile-nav .wrapperMobile .menu-accordion ul { 2977 --tw-bg-opacity: 1; 2978 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 2979 --tw-text-opacity: 1; 2980 color: rgb(15 89 153 / var(--tw-text-opacity, 1)); 2981 } 2982 #mobile-nav .wrapperMobile .menu-accordion ul li { 2983 border-bottom: 1px solid #0f5999; 2984 padding: 20px; 2985 font-size: 1.25rem; 2986 font-weight: 500; 2987 line-height: 26px; 2988 --tw-text-opacity: 1; 2989 color: rgb(0 107 175 / var(--tw-text-opacity, 1)); 2990 } 2991 #mobile-nav .wrapperMobile .menu-accordion ul li:last-child { 2992 border-bottom-width: 0; 2993 } 2994 .page-pals { 2995 box-shadow: -6px 5px 6px #ccc; 2996 } 2997 .carousalContainer .slick-arrow.slick-prev div { 2998 background: url('https://images.ctfassets.net/peceku0c8uzu/5BwDONR3FRQTCemylAmRAX/4677a11d20266d8e4e0e9dfe1c4a96b8/left.png') 2999 no-repeat; 3000 background-size: 50%; 3001 width: 18px; 3002 height: 24px; 3003 opacity: 0.5; 3004 left: 5px; 3005 } 3006 .carousalContainer .slick-arrow.slick-next div { 3007 background: url('https://images.ctfassets.net/peceku0c8uzu/2j0JyPWmiMZ5WeglAQUKH0/1f0286376cf266c8e53bde7576de591b/right.png') 3008 no-repeat; 3009 background-size: 50%; 3010 width: 24px; 3011 height: 18px; 3012 background-position: unset; 3013 opacity: 0.5; 3014 } 3015 .carousalContainer .slick-arrow.slick-next { 3016 right: 0; 3017 } 3018 .slick-slide img { 3019 width: 100%; 3020 } 3021 /* adp */ 3022 #articleDetailPage #breadcrumb .breadcrumb { 3023 margin-top: 0px; 3024 margin-bottom: 0px; 3025 --tw-bg-opacity: 1; 3026 background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); 3027 padding-left: 10px; 3028 padding-top: 10px; 3029 font-weight: 700; 3030 --tw-text-opacity: 1; 3031 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 3032 } 3033 3034@media (max-width: 767px) { 3035 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage #breadcrumb .breadcrumb.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3036 margin-bottom: -15px; 3037 } 3038} 3039 #articleDetailPage .container { 3040 max-width: 100%; 3041 } 3042 #articleDetailPage hr { 3043 margin-top: 25px; 3044 margin-bottom: 15px; 3045 --tw-border-opacity: 1; 3046 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 3047 } 3048 #articleDetailPage .articlerichtext h1 { 3049 margin-bottom: 15px; 3050 font-size: 1.25rem; 3051 font-weight: 700; 3052 line-height: 20px; 3053 --tw-text-opacity: 1; 3054 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 3055 } 3056 3057@media (max-width: 767px) { 3058 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h1.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3059 margin-bottom: -15px; 3060 } 3061} 3062 #articleDetailPage .articlerichtext h2 { 3063 margin-bottom: 15px; 3064 font-size: 1.125rem; 3065 font-weight: 700; 3066 line-height: 20px; 3067 --tw-text-opacity: 1; 3068 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 3069 } 3070 3071@media (max-width: 767px) { 3072 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3073 margin-bottom: -15px; 3074 } 3075} 3076 #articleDetailPage .articlerichtext h3 { 3077 margin-bottom: 10px; 3078 font-size: 1rem; 3079 font-weight: 700; 3080 line-height: 20px; 3081 --tw-text-opacity: 1; 3082 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 3083 } 3084 3085@media (max-width: 767px) { 3086 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3087 margin-bottom: -15px; 3088 } 3089} 3090 #articleDetailPage .articlerichtext h4 { 3091 margin-bottom: 8px; 3092 font-size: 0.875rem; 3093 font-weight: 700; 3094 line-height: 18px; 3095 --tw-text-opacity: 1; 3096 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 3097 } 3098 3099@media (max-width: 767px) { 3100 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .articlerichtext h4.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3101 margin-bottom: -15px; 3102 } 3103} 3104 #articleDetailPage .articlerichtext p { 3105 padding-bottom: 3px; 3106 } 3107 /* Accessibility fix */ 3108 #articleDetailPage .articlerichtext a { 3109 font-size: 0.75rem; 3110 --tw-text-opacity: 1; 3111 color: rgb(0 112 192 / var(--tw-text-opacity, 1)); 3112 text-decoration-line: underline; 3113 } 3114 3115@media (max-width: 767px) { 3116 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext a.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3117 margin-bottom: -15px; 3118 } 3119} 3120 /* Table styles */ 3121 #articleDetailPage .articlerichtext table { 3122 margin-bottom: 15px; 3123 width: 100%; 3124 border-collapse: collapse; 3125 font-size: 0.75rem; 3126 line-height: 18px; 3127 } 3128 3129@media (max-width: 767px) { 3130 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext table.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3131 margin-bottom: -15px; 3132 } 3133} 3134 #articleDetailPage .articlerichtext table tbody tr:nth-child(even) { 3135 --tw-bg-opacity: 1; 3136 background-color: rgb(231 247 253 / var(--tw-bg-opacity, 1)); 3137 } 3138 #articleDetailPage .articlerichtext table tbody tr:nth-child(odd) { 3139 --tw-bg-opacity: 1; 3140 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 3141 } 3142 #articleDetailPage .articlerichtext table td { 3143 padding-left: 10px; 3144 padding-right: 10px; 3145 padding-top: 8px; 3146 padding-bottom: 8px; 3147 vertical-align: top; 3148 --tw-text-opacity: 1; 3149 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 3150 } 3151 #articleDetailPage .articlerichtext table td, 3152 #articleDetailPage .articlerichtext table th { 3153 border: 1px solid #c8dff0; 3154 } 3155 3156 #articleDetailPage .shadow-card { 3157 border-bottom-width: 2px; 3158 --tw-border-opacity: 1; 3159 border-color: rgb(221 221 221 / var(--tw-border-opacity, 1)); 3160 --tw-shadow: 0 0 #0000; 3161 --tw-shadow-colored: 0 0 #0000; 3162 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
3162dow); 3163 } 3164 #articleDetailPage .articlerichtext { 3165 padding-left: 10px; 3166 padding-right: 10px; 3167 } 3168 .articleContainer img { 3169 padding-left: 10px; 3170 padding-right: 10px; 3171 } 3172} 3173/* end menu */ 3174.carousalContainer { 3175 margin-top: 25px; 3176 margin-bottom: 45px; 3177} 3178.carousalContainer ul { 3179 position: absolute; 3180 margin-top: 8px; 3181 margin-left: 10px; 3182 display: inline-block; 3183 width: 100%; 3184 text-align: center; 3185} 3186.rating-wrapper.carousalContainer ul { 3187 width: auto; 3188} 3189.carousalContainer ul { 3190 /* bottom: -8px; */ 3191} 3192.carousalContainer ul li { 3193 margin-left: 0px; 3194 margin-right: 10px; 3195 display: inline-block; 3196 height: 12px; 3197 width: 12px; 3198} 3199.rating-wrapper.carousalContainer ul li { 3200 width: auto; 3201} 3202 3203.carousalContainer ul li.slick-active { 3204 background-position: -43px 13px; 3205} 3206.carousalContainer ul li.slick-active button { 3207 background-position: -44px 12px; 3208} 3209.carousalContainer ul li button { 3210 background: url('https://images.ctfassets.net/peceku0c8uzu/6VhfwvGkyPzNnLsMo3binr/0adccd176fbca0e522ac8676dffebb69/sprite.png'); 3211 background-position: -31px 13px; 3212 width: 10px; 3213 height: 10px; 3214 text-indent: -9999px; 3215} 3216.carousalContainer .slick-list { 3217 position: relative; 3218} 3219.carousalContainer .slick-arrow { 3220 position: absolute; 3221 z-index: 99; 3222 width: 30px; 3223 top: 42%; 3224} 3225 3226/* ADP */ 3227#articleDetailPage .socialShare { 3228 float: left; 3229 font-weight: 700; 3230 --tw-text-opacity: 1; 3231 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 3232} 3233@media (max-width: 767px) { 3234 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .socialShare.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3235 margin-bottom: -15px; 3236 } 3237} 3238#articleDetailPage .socialShare button:last-child { 3239 margin-left: 10px; 3240} 3241 3242#articleDetailPage #RECOMMENDED { 3243 display: inline; 3244} 3245#articleDetailPage .articlerichtext ul { 3246 margin-left: 20px; 3247 list-style-type: disc; 3248 --tw-text-opacity: 1; 3249 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 3250} 3251#articleDetailPage .articlerichtext ul + p { 3252 margin-top: 5px; 3253 margin-bottom: 5px; 3254 --tw-text-opacity: 1; 3255 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 3256} 3257@media (max-width: 767px) { 3258 a.historycardButton#articleDetailPage .articlerichtext ul + p.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3259 margin-bottom: -15px; 3260 } 3261} 3262#articleDetailPage .articlerichtext ol { 3263 margin-top: 0px; 3264 list-style-type: decimal; 3265 padding-left: 14px; 3266 padding-right: 20px; 3267 --tw-text-opacity: 1; 3268 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 3269} 3270 3271#articleDetailPage .articlerichtext .anchorLinks { 3272 display: block; 3273 font-size: 0.75rem; 3274 --tw-text-opacity: 1; 3275 color: rgb(0 112 192 / var(--tw-text-opacity, 1)); 3276} 3277 3278@media (max-width: 767px) { 3279 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white#articleDetailPage .articlerichtext .anchorLinks.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3280 margin-bottom: -15px; 3281 } 3282} 3283#articleDetailPage .relatedArticlesWrapper #readMore { 3284 padding-left: 20px; 3285 font-size: 0.875rem; 3286 font-weight: 700; 3287 text-transform: uppercase; 3288 --tw-text-opacity: 1; 3289 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 3290} 3291@media (max-width: 767px) { 3292 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#articleDetailPage .relatedArticlesWrapper #readMore.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3293 margin-bottom: -15px; 3294 } 3295 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center#articleDetailPage .relatedArticlesWrapper #readMore.undefined.event_internal_link{ 3296 margin-bottom: -15px; 3297 } 3298} 3299.quickCarouselWrapper .slick-dots li { 3300 float: left; 3301 margin: 3px; 3302 height: 38px; 3303 width: 40px; 3304 cursor: pointer; 3305 overflow: hidden; 3306} 3307.quickCarouselWrapper .slick-dots li.slick-active { 3308 border-width: 0; 3309 --tw-border-opacity: 1; 3310 border-color: rgb(0 112 193 / var(--tw-border-opacity, 1)); 3311} 3312.quickCarouselWrapper .slick-dots { 3313 margin-left: 5px; 3314} 3315.closespan { 3316 background: url(https://images.ctfassets.net/peceku0c8uzu/ymoRXOFDetmRZqxSPZkLs/54e86b53866b800c85606c5533889712/overlay_close_circle.png) 3317 no-repeat; 3318 right: -25px; 3319 top: -22px; 3320} 3321.socialShare .white-gradient { 3322 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3323 rgba(0, 0, 0, 0); 3324 border-top-left-radius: 20px; 3325 border-top-right-radius: 20px; 3326} 3327.socialdes p { 3328 margin-bottom: 12px; 3329} 3330#articleDetailPage .space { 3331 margin-top: 20px; 3332} 3333.QuickViewButton { 3334 background-color: rgba(0, 170, 234, 0.5); 3335 top: 50%; 3336 max-width: 220px; 3337 position: absolute; 3338 width: 100%; 3339 padding-top: 5px; 3340 padding-bottom: 5px; 3341 font-size: 1rem; 3342 text-transform: uppercase; 3343 line-height: 30px; 3344 --tw-text-opacity: 1; 3345 color: rgb(255 255 255 / var(--tw-text-opacity, 1)); 3346} 3347@media (max-width: 767px) { 3348 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.QuickViewButton.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3349 margin-bottom: -15px; 3350 } 3351 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.QuickViewButton.undefined.event_internal_link{ 3352 margin-bottom: -15px; 3353 } 3354} 3355.relatedProductsTitle { 3356 margin-left: 10px; 3357 --tw-border-opacity: 1; 3358 border-color: rgb(0 112 192 / var(--tw-border-opacity, 1)); 3359 padding-bottom: 15px; 3360 padding-top: 24px; 3361 font-size: 1.25rem; 3362 font-weight: 700; 3363 --tw-text-opacity: 1; 3364 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 3365} 3366@media (max-width: 767px) { 3367 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.relatedProductsTitle.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3368 margin-bottom: -15px; 3369 } 3370} 3371.productDetailWrapper .relatedProductsTitle { 3372 font-size: 1.125rem; 3373} 3374.relatedProductWrapper .dialogWrapper { 3375 width: 760px; 3376 margin-left: 10px; 3377 --tw-border-opacity: 1; 3378 border-color: rgb(0 112 192 / var(--tw-border-opacity, 1)); 3379 padding-bottom: 15px; 3380 padding-top: 24px; 3381 font-size: 1.25rem; 3382} 3383.dialogWrapper { 3384 float: left; 3385 width: 760px; 3386} 3387.productDetailWrapper .dialogWrapper { 3388 width: 740px; 3389} 3390.quickviewParent { 3391 position: relative; 3392} 3393.quickviewParent .dialogWrapper { 3394 float: none; 3395 width: 740px; 3396 max-width: calc(100vw - 32px); 3397 margin: 0 auto; 3398} 3399.quickviewDialogBackdrop { 3400 background-color: rgba(0, 112, 192, 0.45); 3401 min-height: 100vh; 3402 padding: 48px 16px; 3403} 3404body.quickview-open #__next > *:not(.quickview-blur-exclude) { 3405 filter: none; 3406 transition: none; 3407 pointer-events: none; 3408} 3409body.quickview-open .quickview-blur-exclude, 3410body.quickview-open .quickview-blur-exclude * { 3411 filter: none !important; 3412 pointer-events: auto; 3413} 3414.dialogCarouselWrapper { 3415 float: left; 3416 margin-top: 0px; 3417 margin-right: 5%; 3418 margin-left: 5px; 3419 width: 375px; 3420 padding-left: 35px; 3421 padding-bottom: 10px; 3422} 3423.dialogCarouselWrapper .prodDescSection { 3424 padding-top: 10px; 3425 padding-bottom: 10px; 3426 font-size: 0.875rem; 3427 line-height: 20px; 3428 --tw-text-opacity: 1; 3429 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 3430} 3431.dialogProductDescWrapper .prodDescSection { 3432 margin-top: 15px; 3433 padding-bottom: 8px; 3434 font-size: 1.875rem; 3435 font-weight: 700; 3436 --tw-text-opacity: 1; 3437 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 3438} 3439@media (max-width: 767px) { 3440 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.dialogProductDescWrapper .prodDescSection.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3441 margin-bottom: -15px; 3442 } 3443} 3444#articleListPage .articleContentWrapper .imageWrap img { 3445 border-radius: 10px; 3446} 3447@media (min-width: 1024px) { 3448 #articleListPage .articleContentWrapper .imageWrap img { 3449 border-radius: 20px; 3450 } 3451 3452@media (max-width: 767px) { 3453 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#articleListPage .articleContentWrapper .imageWrap img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3454 margin-bottom: -15px; 3455 } 3456} 3457 .brand-logo { 3458 max-width: 130px; 3459 } 3460} 3461.bg-position-2 { 3462 background-position: 5px; 3463} 3464.left-m15 { 3465 left: -15px; 3466} 3467.right-15 { 3468 right: 15px; 3469} 3470.top-135 { 3471 top: 135px; 3472} 3473/* History page */ 3474.max-w-full { 3475 max-width: 100%; 3476} 3477.history-content-Wrapper img { 3478 margin-left: auto; 3479 margin-right: auto; 3480} 3481.history-head, 3482.history-head { 3483 font-size: 1.125rem; 3484 font-weight: 700; 3485 --tw-text-opacity: 1; 3486 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3487} 3488@media (max-width: 767px) { 3489 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12 3490.history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3491 margin-bottom: -15px; 3492 } 3493} 3494.history-subhead { 3495 font-size: 0.75rem; 3496 font-weight: 700; 3497 --tw-text-opacity: 1; 3498 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3499} 3500@media (max-width: 767px) { 3501 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.history-subhead.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3502 margin-bottom: -15px; 3503 } 3504 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-subhead.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3505 margin-bottom: -15px; 3506 } 3507} 3508.history-para { 3509 font-size: 0.875rem; 3510 --tw-text-opacity: 1; 3511 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3512} 3513.history-para a { 3514 text-decoration-line: underline; 3515} 3516.history-image { 3517 margin-top: 20px; 3518 margin-bottom: 30px; 3519 width: 38%; 3520} 3521.history-image-2 img, 3522.history-image-3 img, 3523.history-image-4 img, 3524.history-image-5 img, 3525.history-image-7 img { 3526 width: 100%; 3527} 3528.history-image-6 img { 3529 margin-bottom: 20px; 3530 width: 90%; 3531} 3532 3533.history-content-Wrapper .Video iframe { 3534 margin-left: auto; 3535 margin-right: auto; 3536 height: 100%; 3537 border-radius: 0px; 3538} 3539.history-content-Wrapper .Video .videoContainer { 3540 height: unset; 3541 width: unset; 3542 padding-left: 25px; 3543 padding-right: 25px; 3544 padding-top: 20px; 3545} 3546@media (min-width: 1024px) { 3547 .history-banner .space { 3548 margin-top: 18px; 3549 } 3550 3551 .history-banner .title { 3552 letter-spacing: -1px; 3553 } 3554 .history-head h2, 3555 .history-head { 3556 font-size: 1.9375rem; 3557 font-weight: 700; 3558 --tw-text-opacity: 1; 3559 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3560 } 3561 3562@media (max-width: 767px) { 3563 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-head h2.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12 3564 .history-head.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3565 margin-bottom: -15px; 3566 } 3567} 3568 .history-subhead { 3569 font-size: 0.875rem; 3570 font-weight: 700; 3571 --tw-text-opacity: 1; 3572 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3573 } 3574 3575@media (max-width: 767px) { 3576 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.history-subhead.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3577 margin-bottom: -15px; 3578 } 3579} 3580 .history-para { 3581 font-size: 0.875rem; 3582 --tw-text-opacity: 1; 3583 color: rgb(0 105 166 / var(--tw-text-opacity, 1)); 3584 } 3585 .history-para a { 3586 text-decoration-line: underline; 3587 } 3588 .history-image { 3589 width: 204px; 3590 } 3591 .history-image-2 img { 3592 width: 341px; 3593 } 3594 .history-image-3 img { 3595 width: 405px; 3596 } 3597 .history-image-4 img { 3598 width: 394px; 3599 } 3600 .history-image-5 img { 3601 width: 420px; 3602 } 3603 .history-image-6 img { 3604 width: 618px; 3605 } 3606 .history-image-7 img { 3607 width: 754px; 3608 } 3609 .history-image-2, 3610 .history-image-3, 3611 .history-image-4, 3612 .history-image-5, 3613 .history-image-6, 3614 .history-image-7 { 3615 background: url(https://images.ctfassets.net/peceku0c8uzu/6nM4ZtJO6V0e3Cm3AgJR9o/96c55d5ea2a
36155868b413707243e292cc6/line.png) 3616 no-repeat scroll right center rgba(0, 0, 0, 0); 3617 } 3618 .history-content-Wrapper .Video iframe { 3619 margin-left: auto; 3620 margin-right: auto; 3621 height: 320px; 3622 width: 570px; 3623 border-radius: 0px; 3624 } 3625 .history-content-Wrapper .Video .videoContainer { 3626 background: url(https://images.ctfassets.net/peceku0c8uzu/6nM4ZtJO6V0e3Cm3AgJR9o/96c55d5ea2a5868b413707243e292cc6/line.png) 3627 no-repeat scroll right center rgba(0, 0, 0, 0); 3628 } 3629} 3630.sustainabilityContent h3 { 3631 margin-bottom: 10px; 3632 font-size: 1.125rem; 3633 font-weight: 700; 3634 --tw-text-opacity: 1; 3635 color: rgb(0 112 193 / var(--tw-text-opacity, 1)); 3636} 3637@media (max-width: 767px) { 3638 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.sustainabilityContent h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3639 margin-bottom: -15px; 3640 } 3641} 3642.sustainabilityContent h3 a { 3643 font-size: 1.125rem; 3644 text-decoration-line: underline; 3645 color: #0070c1; 3646} 3647.sustainabilityContent ul { 3648 margin-left: 35px; 3649 list-style-type: disc; 3650} 3651 3652/* leave a review */ 3653 3654.searchInputField::placeholder { 3655 --tw-text-opacity: 1; 3656 color: rgb(13 108 166 / var(--tw-text-opacity, 1)); 3657} 3658.searchIcons { 3659 right: 5px; 3660 top: 8px; 3661} 3662.letter-mp2 { 3663 letter-spacing: -0.2px; 3664} 3665.not-found .cardTitle { 3666 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3667 rgba(0, 0, 0, 0); 3668} 3669#ratings-reviews-wrapper { 3670 padding-top: 55px; 3671} 3672 3673.m-w { 3674 max-width: none; 3675} 3676#ratings-reviews-wrapper .readReviewTitle, 3677#ratings-reviews-wrapper .textReview { 3678 font-size: 1.9375rem; 3679 font-weight: 700; 3680 --tw-text-opacity: 1; 3681 color: rgb(23 115 174 / var(--tw-text-opacity, 1)); 3682} 3683@media (max-width: 767px) { 3684 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12#ratings-reviews-wrapper .readReviewTitle.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link,a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12 3685#ratings-reviews-wrapper .textReview.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3686 margin-bottom: -15px; 3687 } 3688} 3689.submit-feedbackNo, 3690.submit-feedback { 3691 padding-left: 3px; 3692 padding-right: 3px; 3693 font-size: 0.875rem; 3694} 3695.primaryImage, 3696.rating-secondary-image { 3697 width: 108px; 3698 min-height: 17px; 3699} 3700.rating-wrapper.inline-block { 3701 width: auto !important; 3702} 3703.shadow-ratings { 3704 box-shadow: -6px 8px 6px #ccc; 3705} 3706.gradient-select { 3707 background: linear-gradient(to bottom, #fff 1%, #fdfdfd 40%, #f1f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 3708} 3709.sitemapCardTitle { 3710 background: linear-gradient(to bottom, #d6d6d6 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3711 rgba(0, 0, 0, 0); 3712} 3713@media (min-width: 1024px) { 3714 .sitemapCardTitle { 3715 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3716 rgba(0, 0, 0, 0); 3717 } 3718} 3719.reviewGuidelineTitle { 3720 background: linear-gradient(to bottom, #d6d6d6 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3721 rgba(0, 0, 0, 0); 3722} 3723@media (min-width: 1024px) { 3724 .reviewGuidelineTitle { 3725 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3726 rgba(0, 0, 0, 0); 3727 } 3728} 3729 3730.sitemapSection { 3731 display: flex; 3732 flex-direction: column; 3733} 3734 3735@media (max-width: 767px) { 3736 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.sitemapSection.justify-center.items-center.uppercase.undefined.event_internal_link{ 3737 margin-bottom: -15px; 3738 } 3739} 3740 3741.RatingSortlabel select, 3742.RatingShowlabel select, 3743.select-style { 3744 appearance: none; 3745 -webkit-appearance: none; 3746 -moz-appearance: none; 3747 -ms-appearance: none; 3748 background: url('https://images.ctfassets.net/peceku0c8uzu/5NUlw2FL6hJTR7wloHbomv/91e2f23bcd03c68945db4bfa5c52cf59/arrowdown.gif') 3749 no-repeat scroll 96% 51%, 3750 linear-gradient(to bottom, #fff 1%, #fdfdfd 40%, #f1f1f1 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); 3751} 3752/* .dropdownArrow { 3753 content: ""; 3754 position: absolute; 3755 right: 5px; 3756 top: 5px; 3757 } */ 3758 3759.star-rating radiogroup > label { 3760 width: 22px; 3761 height: 17px; 3762 background: url('https://images.ctfassets.net/peceku0c8uzu/3NU2mfwm385eeZ68xToMqN/f151a419daabdfee80e0526e960b9405/RatingStars.png') 3763 no-repeat 0 0; 3764 float: right; 3765 display: block; 3766} 3767.star-rating radiogroup > input { 3768 margin-left: 5px; 3769 margin-right: 5px; 3770 opacity: 0; 3771} 3772 3773.primary-radio:checked ~ label, 3774.star-rating:hover label:hover, 3775.star-rating:hover label:hover ~ label { 3776 background: url('https://images.ctfassets.net/peceku0c8uzu/7ysdeOoGIyXNz8yqDRehGP/07ef5de53d5cac44536463559f466975/RatingStars-on.png') 3777 no-repeat 0 0; 3778} 3779 3780.star-rating radiogroup > label:last-child { 3781 position: absolute; 3782 top: 0; 3783 left: 0; 3784} 3785.star-rating radiogroup > label:nth-child(8) { 3786 position: absolute; 3787 top: 0; 3788 left: 25px; 3789} 3790.star-rating radiogroup > label:nth-child(6) { 3791 position: absolute; 3792 top: 0; 3793 left: 50px; 3794} 3795.star-rating radiogroup > label:nth-child(4) { 3796 position: absolute; 3797 top: 0; 3798 left: 75px; 3799} 3800.star-rating radiogroup > label:nth-child(2) { 3801 position: absolute; 3802 top: 0; 3803 left: 100px; 3804} 3805 3806.hyphen-rating radiogroup > label { 3807 width: 30px; 3808 height: 5px; 3809 background: url('https://images.ctfassets.net/peceku0c8uzu/73OsAejzsrFjrhaGHesrF3/6f8dfb1582deb6127354cfdcf68094f4/rating-blocks.png') 3810 no-repeat 6px 0; 3811 float: right; 3812 display: block; 3813} 3814 3815.hyphen-rating radiogroup > input { 3816 margin-left: 5px; 3817 margin-right: 5px; 3818 opacity: 0; 3819} 3820 3821.secondary-radio:checked ~ label, 3822.hyphen-rating:hover label:hover, 3823.hyphen-rating:hover label:hover ~ label { 3824 background: url('https://images.ctfassets.net/peceku0c8uzu/5AO4n5KCNvMn32kVrD46lK/a0305cd9091534a6898bc9113d210130/rating-blocks-on.png') 3825 no-repeat 6px 0; 3826} 3827 3828.hyphen-rating radiogroup > label:last-child { 3829 position: absolute; 3830 top: 8px; 3831 left: -5px; 3832} 3833.hyphen-rating radiogroup > label:nth-child(8) { 3834 position: absolute; 3835 top: 8px; 3836 left: 25px; 3837} 3838.hyphen-rating radiogroup > label:nth-child(6) { 3839 position: absolute; 3840 top: 8px; 3841 left: 55px; 3842} 3843.hyphen-rating radiogroup > label:nth-child(4) { 3844 position: absolute; 3845 top: 8px; 3846 left: 85px; 3847} 3848.hyphen-rating radiogroup > label:nth-child(2) { 3849 position: absolute; 3850 top: 8px; 3851 left: 115px; 3852} 3853 3854.hideIcon { 3855 display: none !important; 3856} 3857 3858.write-review-card .pageHeading { 3859 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3860 rgba(0, 0, 0, 0); 3861} 3862.formWrapperDiv .white-gradient { 3863 background: linear-gradient(to bottom, #1e5799 0%, #fff 0%, #fff 53%, #f2f2f2 100%) repeat scroll 0 0 3864 rgba(0, 0, 0, 0); 3865 border-top-left-radius: 20px; 3866 border-top-right-radius: 20px; 3867} 3868.reviewContentBody h3 { 3869 font-weight: 700; 3870} 3871@media (max-width: 767px) { 3872 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.reviewContentBody h3.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3873 margin-bottom: -15px; 3874 } 3875} 3876.reviewContentBody ul li { 3877 margin-left: 20px; 3878 list-style-type: none; 3879 font-weight: 700; 3880 line-height: 23px; 3881} 3882@media (max-width: 767px) { 3883 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.reviewContentBody ul li.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 3884 margin-bottom: -15px; 3885 } 3886} 3887.reviewContentBody div { 3888 padding-bottom: 5px; 3889} 3890 3891.animateMenu { 3892 transition: height 0.75s ease-in-out; 3893} 3894@media (min-width: 320px) { 3895 .productCardButton > div > img { 3896 margin-left: auto; 3897 margin-right: auto; 3898 width: 126px; 3899 } 3900 .ratingAndDesc { 3901 width: 126px; 3902 margin: auto; 3903 } 3904 .articleListBanner .textWrapper { 3905 display: none; 3906 } 3907} 3908/* IE11 - Fix: Removed :lg classes and added in lg screen */ 3909@media (min-width: 1024px) { 3910 body { 3911 background-size: 100% 1126px; 3912 } 3913 .pageWrapper { 3914 width: 846px; 3915 padding-left: 0px; 3916 padding-right: 0px; 3917 } 3918 3919 .couponWidgetContainer { 3920 width: 90%; 3921 padding-left: 0px; 3922 padding-right: 0px; 3923 } 3924 .articleListBanner .textWrapper { 3925 display: block; 3926 } 3927 div#sustainabilityPage.pageWrapper { 3928 width: auto; 3929 } 3930 .FeatureBanner .textWrapper { 3931 padding-top: 25px; 3932 padding-left: 0px; 3933 } 3934 #offerPage .textWrapper { 3935 padding-top: 25px; 3936 padding-left: 0px; 3937 } 3938 .rightContentPanel .quickViewCardWrap { 3939 margin-right: 0px; 3940 height: 272px; 3941 min-height: 134px; 3942 width: 20%; 3943 } 3944 .rightContentPanel .relatedProductName { 3945 min-width: 140px; 3946 line-height: 1.15; 3947 letter-spacing: -.14px; 3948 } 3949 .rightContentPanel .quickViewContentWrapper > p { 3950 line-height: 11px; 3951 } 3952 .savePuffsButton > a > img { 3953 width: 181px; 3954 } 3955 .rightContentPanel .cardWrapper { 3956 padding-bottom: 65px; 3957 } 3958 .rightContentPanel .quickViewContentWrapper { 3959 margin-left: 17%; 3960 margin-right: 17%; 3961 width: 111px; 3962 } 3963 .rightContentPanel .lazyload-wrapper > div > img { 3964 margin-left: auto; 3965 margin-right: auto; 3966 width: 120px; 3967 } 3968 .rightContentPanel .contentWrapper .textWrapper > h1 { 3969 padding-top: 80px; 3970 } 3971 .productViewPanel .productView .quickViewContentWrapper p { 3972 margin-bottom: 0px; 3973 } 3974 .carousalContainer { 3975 margin-top: 40px; 3976 } 3977 .carousalContainer ul { 3978 position: relative; 3979 } 3980 .carousalContainer ul li { 3981 margin-right: 30px; 3982 margin-left: 4px; 3983 } 3984 #articleDetailPage .articlerichtext ul { 3985 margin-left: 35px; 3986 } 3987 #articleDetailPage .articlerichtext hr { 3988 margin-top: 25px; 3989 margin-bottom: 15px; 3990 --tw-border-opacity: 1; 3991 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 3992 } 3993 #articleDetailPage .articlerichtext .anchorLinks { 3994 font-size: 0.875rem; 3995 } 3996 .relatedProductsTitle { 3997 margin-bottom: 19px; 3998 margin-top: 35px; 3999 border-bottom-width: 0; 4000 padding-bottom: 17px; 4001 padding-top: 0px; 4002 font-size: 1.5rem; 4003 --tw-text-opacity: 1; 4004 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 4005 } 4006 .productDetailWrapper .relatedProductsTitle { 4007 font-size: 1.25rem; 4008 } 4009 .relatedProductWrapper .dialogWrapper { 4010 margin-bottom: 19px; 4011 margin-top: 35px; 4012 border-bottom-width: 0; 4013 padding-bottom: 17px; 4014 padding-top: 0px; 4015 font-size: 1.5rem; 4016 --tw-text-opacity: 1; 4017 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 4018 } 4019 .sustainabilityContent h3 { 4020 margin-bottom: 0px; 4021 } 4022 4023 .productCardButton .lazyload-wrapper > div > img { 4024 margin-left: auto; 4025 margin-right: auto; 4026 width: 120px; 4027 } 4028 .ratingAndDesc { 4029 width: 120px; 4030 margin: auto; 4031 padding-bottom: 30px; 4032 } 4033 #ratings-reviews-wrapper { 4034 clear: both; 4035 margin-left: auto; 4036 margin-right: auto; 4037 width: 846px; 4038 } 4039 .sitemapSection { 4040 flex-direction: row; 4041 } 4042 .sitemapLeftSection { 4043 width: 30%; 4044 } 4045 .sitemapRightSection { 4046 margin-bottom: 10px; 4047 width: 70%; 4048 } 4049 .formWrapperDiv .modal-dialog { 4050 top: -450px; 4051 } 4052 .reviewContentBody ul li { 4053 list-style-type: disc; 4054 } 4055 .formWrapperDiv .modal-dialog { 4056 top: -450px; 4057 } 4058 .footerLink > .list > .listItem a { 4059 display: inline; 4060 } 4061 .thumbnailWrapper > .lazyload-wrapper img { 4062 border-radius: 20px; 4063 } 4064 4065@media (max-width: 767px) { 4066 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.thumbnailWrapper > .lazyload-wrapper img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 4067 margin-bottom: -15px; 4068 } 4069} 4070} 4071/*Defect Fix for Andriod*/ 4072@media only screen and (max-width: 767px) { 4073 .m-text-wrapper { 4074 display: flex; 4075 height: 87vw; 4076 flex-direction: column; 4077 } 4078 4079@media (max-width: 767px) { 4080 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.m-text-wrapper.justify-center.items-center.uppercase.undefined.event_internal_link{ 4081 margin-bottom: -15px; 4082 } 4083} 4084 .FeatureBanner { 4085 margin-top: 20px; 4086 margin-bottom: 20px; 4087 } 4088 img.mobileProductImage { 4089 margin-left: auto; 4090 margin-right: auto; 4091 max-height: none; 4092 width: 120px; 4093 } 4094 .HeroBanner .textWrapper { 4095 display: flex; 4096 flex-direction: column; 4097 } 4098 4099@media (max-width: 767px) { 4100 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.HeroBanner .textWrapper.justify-center.items-center.uppercase.undefined.event_internal_link{ 4101 margin-bottom: -15px; 4102 } 4103} 4104 .HeroBanner .textWrapper { 4105 height: 100%; 4106 } 4107} 4108.articleContainer img { 4109 width: 100%; 4110 padding-bottom: 16px; 4111} 4112.customClass { 4113 width: 19.2%; 4114 font-size: 0.875rem; 4115} 4116 4117.customClass .QuickViewButton { 4118 width: 162px; 4119} 4120.customClass .relatedProductName { 4121 font-size: 1rem; 4122} 4123 4124.sortSelectDiv { 4125 text-indent: 20px; 4126} 4127.rating-variants.barRating { 4128 margin: 0px; 4129} 4130.footerLink > .list > .listItem a { 4131 display: flex; 4132} 4133@media (max-width: 767px) { 4134 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.footerLink > .list > .listItem a.justify-center.items-center.uppercase.undefined.event_internal_link{ 4135 margin-bottom: -15px; 4136 } 4137} 4138 4139/* Safari 7.1+ */ 4140_::-webkit-full-page-media, 4141_:future, 4142:root .safari_only { 4143 font-weight: 400; 4144} 4145 4146@keyframes slide-up { 4147 0% { 4148 opacity: 0; 4149 transform: translateY(20px); 4150 } 4151 100% { 4152 opacity: 1; 4153 transform: translateY(0); 4154 } 4155}
4156.quickViewBuyNow { 4157 background: url('https://images.ctfassets.net/peceku0c8uzu/4ewCVQE55y7iBSeLgMS4Z/debf6c234f8821cf317d98fdcfc870ae/Quick_View_Container_01.png'); 4158} 4159@media (max-width: 1023px) { 4160 .primaryImage, 4161 .rating-secondary-image { 4162 width: 98px; 4163 } 4164} 4165@media only screen and (min-width: 767px) and (max-width: 1024px) { 4166 .cardDesc { 4167 padding-top: 10px; 4168 } 4169} 4170@media only screen and (min-width: 640px) and (orientation: landscape) { 4171 .cardTitle { 4172 padding-top: 10px; 4173 padding-left: 10px; 4174 } 4175 .cardDesc { 4176 width: 175px; 4177 padding-top: 10px; 4178 padding-left: 30px; 4179 } 4180 .cardButton { 4181 margin-left: 30px; 4182 margin-top: 20px; 4183 } 4184 .productViewPanel .textWrapper > div.cardDesc { 4185 width: 175px; 4186 } 4187 .historyBannerDesc { 4188 font-size: 0.6875rem; 4189 } 4190 .historycardButton { 4191 margin-top: 20px; 4192 } 4193 .faqBannerWrapper, 4194 .sustBannerWrapper, 4195 .articlesBannerWrapper { 4196 padding-left: 30px; 4197 padding-top: 50px; 4198 } 4199 .faqDescription, 4200 .sustDescription, 4201 .articlesDescription { 4202 font-size: 0.6875rem; 4203 } 4204 .reviewBannerWrapper { 4205 padding-left: 30px; 4206 } 4207} 4208 4209.showOnLeft .title { 4210 left: 30px; 4211 width: 19%; 4212 text-align: left; 4213} 4214.showOnRight .title { 4215 left: 0; 4216 width: 58%; 4217 text-align: right; 4218} 4219.showOnLeft .contentSection { 4220 left: 28%; 4221} 4222 4223.contentSection strong { 4224 display: block; 4225} 4226.contentSection p { 4227 margin-bottom: 9px; 4228 font-size: 0.875rem; 4229 line-height: 19px; 4230} 4231@media only screen and (max-width: 767px) { 4232 .showOnLeft .title { 4233 left: 7%; 4234 top: 4vw; 4235 width: 100%; 4236 font-size: 4.5vw; 4237 } 4238 .showOnLeft .contentSection { 4239 left: 7%; 4240 top: 13vw; 4241 width: 60%; 4242 } 4243 .showOnRight .title { 4244 right: 0; 4245 top: 4vw; 4246 width: 52%; 4247 text-align: left; 4248 font-size: 4.5vw; 4249 left: unset; 4250 } 4251 .showOnRight .contentSection { 4252 top: 13vw; 4253 width: 51%; 4254 } 4255 .contentSection p { 4256 font-size: 2.4vw; 4257 line-height: 3.2vw; 4258 } 4259 .contentSection strong { 4260 font-size: 2.5vw; 4261 } 4262} 4263 4264.mainTextContainer { 4265 position: absolute; 4266 width: 873px; 4267 left: 50%; 4268 transform: translateX(-50%); 4269 top: 0; 4270 padding-top: 270px; 4271} 4272.goBeyondTitle { 4273 font-family: work-sans-700; 4274 font-size: 100px; 4275 text-align: center; 4276 color: #374d9a; 4277 line-height: 130px; 4278} 4279.goBeyondSubTitle { 4280 color: #374d9a; 4281 font-family: work-sans-700; 4282 text-align: center; 4283 font-size: 40px; 4284 text-transform: capitalize; 4285} 4286.goBeyondText { 4287 color: #374e9f; 4288 padding: 0 85px; 4289 text-align: center; 4290 margin-top: 50px; 4291 font-size: 20px; 4292} 4293.forestsTitle { 4294 margin-top: 14px; 4295 font-size: 85px; 4296 text-align: center; 4297 color: #63abe2; 4298 font-family: 'Quicksand-Medium'; 4299 font-weight: bold; 4300} 4301.forestsSubTitle { 4302 width: 60%; 4303 font-size: 38px; 4304 margin: 0 auto; 4305 color: #3d669b; 4306 font-family: 'work-sans-regular'; 4307 line-height: 42px; 4308 margin-top: 15px; 4309} 4310 4311.forestsSection { 4312 margin-top: 312px; 4313} 4314 4315.forestsSection li { 4316 width: 200px; 4317 float: left; 4318 margin-left: 68px; 4319 text-align: center; 4320} 4321 4322.forestsSection li h2 { 4323 font-size: 20px; 4324 color: #63abe2; 4325 font-family: 'Quicksand-Medium'; 4326 font-weight: bold; 4327 margin-top: 8px; 4328} 4329.forestsSection li p { 4330 color: #000000; 4331 font-size: 14px; 4332 font-family: 'work-sans-regular'; 4333} 4334.familyTitle { 4335 clear: both; 4336 padding-top: 245px; 4337 font-size: 85px; 4338 text-align: center; 4339 color: #63abe2; 4340 font-family: 'Quicksand-Medium'; 4341 font-weight: bold; 4342} 4343.familySubTitle { 4344 width: 98%; 4345 text-align: center; 4346 font-size: 38px; 4347 margin: 0 auto; 4348 color: #3d669b; 4349 font-family: 'work-sans-regular'; 4350 line-height: 42px; 4351 margin-top: 20px; 4352} 4353.familySection { 4354 margin-top: 315px; 4355} 4356.familySection li { 4357 width: 200px; 4358 float: left; 4359 margin-left: 68px; 4360 text-align: center; 4361} 4362 4363.familySection li h2 { 4364 margin-bottom: 10px; 4365 min-height: 50px; 4366 font-family: 'work-sans-500'; 4367 font-size: 20px; 4368 color: #63abe2; 4369 line-height: 24px; 4370 margin-top: 20px; 4371} 4372.familySection li p { 4373 color: #000000; 4374 font-size: 14px; 4375 font-family: 'work-sans-regular'; 4376} 4377.greaterTitle { 4378 clear: both; 4379 padding-top: 125px; 4380 margin-top: 15px; 4381 font-size: 85px; 4382 text-align: center; 4383 color: #63abe2; 4384 font-family: 'Quicksand-Medium'; 4385 font-weight: bold; 4386} 4387.greaterSubTitle { 4388 width: 98%; 4389 text-align: center; 4390 font-size: 38px; 4391 margin: 0 auto; 4392 color: #3d669b; 4393 font-family: 'work-sans-regular'; 4394 line-height: 42px; 4395 margin-top: 2.5rem; 4396} 4397.greaterWorldSection { 4398 margin-top: 330px; 4399} 4400.greaterWorldSection li { 4401 width: 200px; 4402 float: left; 4403 margin-left: 68px; 4404 text-align: center; 4405} 4406.greaterWorldSection li h2 { 4407 min-height: 72px; 4408 margin-bottom: 10px; 4409 font-family: 'work-sans-500'; 4410 font-size: 20px; 4411 line-height: 22px; 4412 margin-top: 12px; 4413 color: #374d9a; 4414} 4415.greaterWorldSection li p { 4416 margin-bottom: 6px; 4417 font-size: 14px; 4418 font-family: 'work-sans-regular'; 4419 color: #000000; 4420} 4421.greaterWorldSection li p strong { 4422 font-weight: 500; 4423} 4424.learnHowToTitle { 4425 clear: both; 4426 color: #ffffff; 4427 font-size: 60px; 4428 padding-top: 345px; 4429 line-height: 60px; 4430 font-weight: bold; 4431 font-family: 'Quicksand-Medium'; 4432 text-align: center; 4433} 4434.learnHowToSubTitle { 4435 font-size: 100px; 4436 line-height: 100px; 4437 font-family: work-sans-700; 4438 text-align: center; 4439 font-weight: bold; 4440 color: #f3c438; 4441} 4442.learnHowToText { 4443 text-align: center; 4444 color: white; 4445 font-size: 24px; 4446 padding-top: 30px; 4447 font-family: 'work-sans-500'; 4448} 4449.sustainabilityPageContent { 4450 width: 873px; 4451 margin: 0 auto; 4452 padding: 0 10px; 4453 font-family: 'Quicksand-Medium'; 4454} 4455.sustainabilityPageContent h3 { 4456 font-size: 18px; 4457 color: #0070c1; 4458} 4459.sustainabilityPageContent p a { 4460 color: #0070c1; 4461 font-weight: bold; 4462 text-decoration: underline; 4463} 4464.sustainabilityPageContent p strong { 4465 color: #000; 4466} 4467 4468.saveBanner .textWrapper .cardButton { 4469 width: 140px; 4470 padding: 10px; 4471} 4472 4473 4474 4475@media (min-width: 768px) and (max-width: 900px) { 4476 #sustainabilityPage { 4477 font-family: work-sans-regular; 4478 color: #646464; 4479 } 4480 .mainTextContainer { 4481 width: 100%; 4482 padding-left: 30px; 4483 padding-right: 30px; 4484 } 4485 .sustainabilityPageContent { 4486 width: 100%; 4487 } 4488 .mainTextContainer { 4489 padding-top: 190px; 4490 } 4491 .goBeyondSubTitle { 4492 font-size: 34px; 4493 } 4494 .goBeyondText { 4495 margin-top: 28px; 4496 font-size: 15px; 4497 } 4498 .forestsSubTitle { 4499 width: 65%; 4500 font-size: 30px; 4501 font-family: work-sans-regular; 4502 line-height: 34px; 4503 margin: 10px auto 0; 4504 text-align: center; 4505 } 4506 .forestsSection li:nth-of-type(1) { 4507 padding-left: 3px; 4508 } 4509 .forestsSection li { 4510 width: 167px; 4511 margin-left: 51px; 4512 } 4513 .forestsSection { 4514 margin-top: 232px; 4515 } 4516 .forestsSection li h2 { 4517 margin-top: 14px; 4518 } 4519 .forestsSection li p { 4520 font-size: 12px; 4521 line-height: 17px; 4522 } 4523 .familyTitle { 4524 padding-top: 215px; 4525 font-size: 60px; 4526 } 4527 .familySubTitle { 4528 width: 82%; 4529 text-align: center; 4530 font-size: 30px; 4531 font-family: work-sans-regular; 4532 line-height: 34px; 4533 margin: 20px auto 0; 4534 } 4535 .familySection li { 4536 width: 167px; 4537 margin-left: 50px; 4538 } 4539 .familySection li h2 { 4540 margin-bottom: 0; 4541 font-size: 17px; 4542 min-height: 40px; 4543 line-height: 18px; 4544 margin-top: 15px; 4545 } 4546 .familySection { 4547 margin-top: 235px; 4548 } 4549 .familySection li p { 4550 font-size: 12px; 4551 line-height: 17px; 4552 } 4553 .greaterTitle { 4554 padding-top: 132px; 4555 font-size: 48px; 4556 } 4557 .greaterSubTitle { 4558 width: 82%; 4559 text-align: center; 4560 font-size: 30px; 4561 font-family: work-sans-regular; 4562 line-height: 34px; 4563 margin: 1.5rem auto 0; 4564 } 4565 .greaterWorldSection { 4566 margin-top: 235px; 4567 } 4568 .greaterWorldSection li { 4569 width: 167px; 4570 margin-left: 50px; 4571 } 4572 .greaterWorldSection li h2 { 4573 min-height: 58px; 4574 font-size: 17px; 4575 line-height: 18px; 4576 margin-top: 33px; 4577 } 4578 .greaterWorldSection li p { 4579 font-size: 12px; 4580 line-height: 16px; 4581 } 4582 .learnHowToTitle { 4583 padding-top: 255px; 4584 font-size: 45px; 4585 } 4586 .learnHowToSubTitle { 4587 font-size: 90px; 4588 line-height: 95px; 4589 } 4590 .learnHowToText { 4591 font-size: 20px; 4592 padding-top: 14px; 4593 } 4594} 4595@media (min-width: 360px) and (max-width: 767px) { 4596 .sustainabilityWrapper { 4597 width: 360px !important; 4598 padding: 0 !important; 4599 margin-left: auto; 4600 margin-right: auto; 4601 } 4602 .sustainabilityContent h3 a { 4603 font-size: 12px; 4604 } 4605 /* #sustainabilityPage .bannerContainer img { 4606 min-width: 360px; 4607 width: 360px; 4608 } */ 4609 #sustainabilityPage { 4610 font-family: work-sans-regular; 4611 color: #646464; 4612 } 4613 .mainTextContainer, 4614 .forestsSubTitle, 4615 .familySubTitle, 4616 .sustainabilityPageContent, 4617 .greaterSubTitle { 4618 width: 360px; 4619 } 4620 div#sustainabilityPage.pageWrapper { 4621 width: auto; 4622 max-width: 100%; 4623 padding-left: 15px; 4624 padding-right: 15px; 4625 } 4626 .sustainabilityPageContent { 4627 padding: 0 10px; 4628 } 4629 .mainTextContainer { 4630 padding-top: 8.5rem; 4631 } 4632 .goBeyondTitle { 4633 font-size: 41px; 4634 line-height: 47px; 4635 } 4636 .goBeyondSubTitle { 4637 font-size: 17px; 4638 } 4639 .goBeyondText { 4640 padding: 0 16px; 4641 margin-top: 6px; 4642 font-size: 9.5px; 4643 } 4644 .forestsTitle { 4645 font-size: 34px; 4646 margin-top: 0; 4647 } 4648 .forestsSubTitle { 4649 font-size: 12px; 4650 text-align: center; 4651 padding-top: 0; 4652 width: 50%; 4653 margin: 0 auto; 4654 margin-top: 8px; 4655 line-height: 14px; 4656 } 4657 .forestsSection { 4658 margin-top: 120px; 4659 } 4660 .forestsSection li { 4661 width: 26%; 4662 padding: 0 5px; 4663 margin-left: 5.3%; 4664 } 4665 .forestsSection li:nth-of-type(1) { 4666 padding-left: 9px; 4667 } 4668 .forestsSection li h2 { 4669 margin-bottom: 0; 4670 font-size: 10px; 4671 margin-top: 12px; 4672 } 4673 .forestsSection li p { 4674 font-size: 6.5px; 4675 line-height: 8px; 4676 padding-left: 1px; 4677 } 4678 .familyTitle { 4679 padding-top: 105px; 4680 font-size: 34px; 4681 } 4682 .familySubTitle { 4683 font-size: 16px;
4684 padding: 0 30px; 4685 line-height: 20px; 4686 margin: 10px auto 0; 4687 } 4688 .familySection { 4689 margin-top: 112px; 4690 } 4691 .familySection li { 4692 width: 26%; 4693 margin-left: 5%; 4694 padding: 0 3px; 4695 } 4696 .familySection li h2 { 4697 margin-bottom: 3px; 4698 font-size: 9px; 4699 line-height: 10px; 4700 min-height: 20px; 4701 width: 100%; 4702 } 4703 .familySection li p { 4704 font-size: 6px; 4705 line-height: 8px; 4706 } 4707 .greaterTitle { 4708 font-size: 30px; 4709 padding-top: 52px; 4710 } 4711 .greaterSubTitle { 4712 padding: 0 30px; 4713 font-size: 15px; 4714 line-height: 18px; 4715 margin: 13px auto 0; 4716 } 4717 .greaterWorldSection { 4718 margin-top: 125px; 4719 } 4720 .greaterWorldSection li { 4721 width: 26%; 4722 margin-left: 5%; 4723 padding: 0 5px; 4724 } 4725 .greaterWorldSection li:nth-of-type(1) { 4726 padding-left: 7px; 4727 width: 26.9%; 4728 } 4729 .greaterWorldSection li h2 { 4730 margin-bottom: 5px; 4731 font-size: 9px; 4732 line-height: 11px; 4733 min-height: 33px; 4734 } 4735 .greaterWorldSection li p { 4736 font-size: 7px; 4737 margin-bottom: 0px; 4738 line-height: 8px; 4739 } 4740 .learnHowToTitle { 4741 font-size: 20px; 4742 padding-top: 140px; 4743 line-height: 26px; 4744 } 4745 .learnHowToSubTitle { 4746 font-size: 35px; 4747 line-height: 34px; 4748 } 4749 .learnHowToText { 4750 font-size: 12px; 4751 padding-top: 10px; 4752 } 4753 .sustainabilityContent a { 4754 font-size: 0.875rem; 4755 } 4756 .sustainabilityPageContent h3, 4757 .sustainabilityPageContent h3 a { 4758 font-size: 18px; 4759 } 4760} 4761@media (min-width: 768px) { 4762 .history-banner .space { 4763 margin-top: 18px; 4764 } 4765 .showOnLeft .contentSection.jordan { 4766 left: 28%; 4767 } 4768} 4769 4770/* CLS fixes */ 4771@media (min-width: 320px) { 4772 .articlerichtext + div.minHeightCLS { 4773 min-height: 250px; 4774 } 4775} 4776@media (min-width: 1024px) { 4777 .articlerichtext + div.minHeightCLS { 4778 min-height: 400px; 4779 } 4780 .ratings-reviews .textWrapper { 4781 top: 40px; 4782 } 4783 .ratings-reviews .textWrapper h2, 4784 .ratings-reviews .textWrapper div { 4785 color: #ffffff; 4786 } 4787} 4788 4789@media (max-width: 767px) { 4790 .contentWrapper .textWrapper { 4791 left: 16px; 4792 top: 15px; 4793 } 4794 .imgWrap img { 4795 width: 100%; 4796 border-radius: 20px; 4797 } 4798} 4799 4800/* Responsiveness CSS */ 4801@media (min-width: 641px) and (max-width: 767px) { 4802 .HeroBanner .cardTitle, 4803 .FeatureBanner .cardTitle, 4804 .savePuffTitle .cardTitle, 4805 .saveWithPuffTitle { 4806 padding-left: 10px !important; 4807 } 4808} 4809@media (min-width: 320px) and (max-width: 500px) { 4810 .FeatureBanner .textWrapper { 4811 padding-top: 8px !important; 4812 padding-left: 10px !important; 4813 } 4814 .cardDesc { 4815 width: 130px !important; 4816 } 4817 .contentWrapper .textWrapper { 4818 top: 10px !important; 4819 } 4820 #offerPage .textWrapper { 4821 padding-top: 30px; 4822 padding-left: 15px; 4823 } 4824 .productViewPanel .textWrapper { 4825 padding-left: 15px; 4826 padding-top: 10px; 4827 } 4828 .productViewPanel .cardButton { 4829 margin-left: 6px; 4830 margin-top: 6px; 4831 } 4832} 4833@media only screen and (max-width: 767px) { 4834 .cardButton { 4835 margin-left: 10px; 4836 margin-top: 20px; 4837 } 4838 .cardDesc { 4839 width: 175px; 4840 padding-top: 10px; 4841 padding-left: 10px; 4842 } 4843 .contentWrapper .textWrapper { 4844 left: 10px !important; 4845 } 4846 .FeatureBanner .textWrapper { 4847 padding-top: 30px; 4848 padding-left: 20px; 4849 } 4850 4851 #articleDetailPage .articleContainer .articlerichtext + div { 4852 min-height: auto; 4853 } 4854} 4855.dark-page-hero-image { 4856 margin-top: 50px; 4857} 4858@media (min-width: 1024px) and (max-width: 1060px) { 4859 .tab-mx-50 { 4860 margin: 0 50px; 4861 } 4862} 4863@media (max-width: 1024px) { 4864 .imageset img, 4865 .relatedProductsWrapper { 4866 padding: 0 20px; 4867 } 4868 .history-content-Wrapper .Video iframe { 4869 height: 320px; 4870 } 4871} 4872@media (min-width: 320px) and (max-width: 400px) { 4873 .bannerContainer { 4874 padding: 0px; 4875 } 4876 .video-px-sp { 4877 padding: 0 8px !important; 4878 } 4879 .meetPalsDesc { 4880 width: 90% !important; 4881 } 4882 .meetPalsTitle { 4883 margin-top: -5px !important; 4884 width: 90% !important; 4885 } 4886 .FeatureBanner .textWrapper { 4887 padding-top: 16px; 4888 padding-left: 5px; 4889 } 4890 #offerPage .textWrapper { 4891 padding-top: 10px; 4892 padding-left: 0px; 4893 } 4894 .saveWithPuffTitle { 4895 font-size: 12px !important; 4896 line-height: 12px !important; 4897 margin-top: 5px; 4898 } 4899 .saveWithPuffDesc { 4900 font-size: 10px !important; 4901 line-height: 12px !important; 4902 margin-top: -5px; 4903 } 4904 .saveWithPuffBtn { 4905 font-size: 8px !important; 4906 line-height: 12px !important; 4907 margin-top: 5px; 4908 height: 20px !important; 4909 } 4910 .saveWithPuffWrapper { 4911 padding-left: 10px !important; 4912 } 4913} 4914@media (min-width: 320px) and (max-width: 360px) { 4915 .bannerContainer img { 4916 padding: 0 10px; 4917 } 4918 4919 #sustainabilityPage .bannerContainer img { 4920 padding: 0; 4921 } 4922 4923 #sustainabilityPage .sustainabilityProtectBanner .textWrapper{ 4924 width: 68% !important; 4925 } 4926 4927 #sustainabilityPage .sustainabilityGrowBanner .textWrap { 4928 width: 41% !important; 4929 } 4930 4931 #sustainabilityPage .textWrapper p{ 4932 line-height: 12px; 4933 font-size: 12px; 4934 } 4935 4936 #sustainabilityPage .textWrapper >div{ 4937 padding-top: 3px !important; 4938 } 4939} 4940 4941@media (min-width: 320px) and (max-width: 575px) { 4942 .history-content-Wrapper .Video iframe { 4943 height: 160px !important; 4944 } 4945 .meetPalsDesc { 4946 margin-bottom: -3px !important; 4947 width: 100% !important; 4948 } 4949 .meetPalsTitle { 4950 margin-top: 0px !important; 4951 width: 100% !important; 4952 } 4953} 4954@media (min-width: 576px) and (max-width: 766px) { 4955 .meetPalsDesc { 4956 margin-bottom: 28px; 4957 } 4958 .meetPalsTitle { 4959 margin-top: 40px; 4960 } 4961} 4962 4963@media (min-width: 767px) and (max-width: 1023px) { 4964 4965 .app-cart-container { 4966 height: 100vh; 4967 display: flex; 4968 justify-content: center; 4969 align-items: center; 4970 } 4971} 4972 4973@media (max-width: 767px) { 4974 .meetPalsDesc { 4975 margin-bottom: 10px; 4976 } 4977 .meetPalsTitle { 4978 margin-top: 0px; 4979 } 4980 .video-px-sp { 4981 padding: 0 20px; 4982 } 4983 .imgWrap img { 4984 width: 100%; 4985 } 4986 .textWrapper { 4987 left: 5px; 4988 top: 5px; 4989 } 4990 .contentWrapper .textWrapper { 4991 left: 16px; 4992 top: 20px; 4993 } 4994 .youtube-icon { 4995 width: 50px !important; 4996 } 4997} 4998@media (min-width: 1024px) { 4999 .meetPalsTitle { 5000 margin-top: 5px; 5001 } 5002 .meetPalsDesc { 5003 bottom: 0; 5004 } 5005 5006 .desktop-shopper-choice-wrapper[_ngcontent-c3] { 5007 height: 100% !important; 5008 } 5009} 5010@media (min-width: 768px) and (max-width: 1024px) { 5011 .productViewPanel .productView .quickViewCardWrap { 5012 padding: 15px 15px 15px 50px !important; 5013 } 5014} 5015@media (min-width: 320px) and (max-width: 400px) { 5016 .reviewBannerWrapper { 5017 left: 0 !important; 5018 } 5019 .reviewBannerWrapper h2 { 5020 font-size: 15px !important; 5021 } 5022 .contentWrapper .textWrapper { 5023 top: 0 !important; 5024 } 5025 .textWrapper h1 { 5026 font-size: 14px; 5027 line-height: 18px; 5028 } 5029 .textWrapper .cardDesc { 5030 font-size: 9px; 5031 line-height: 13px; 5032 } 5033 5034 .textWrapper .cardButton { 5035 font-size: 12px; 5036 height: 28px; 5037 margin-top: 10px; 5038 } 5039 .mediaWrapper > img { 5040 width: 100% !important; 5041 } 5042 .articlerichtext + div { 5043 min-height: 231px; 5044 } 5045} 5046 5047@media (min-width: 320px) and (max-width: 596px) { 5048 .saveBanner .textWrapper .cardButton { 5049 font-size: 12px; 5050 margin-top: 10px; 5051 text-align: center; 5052 width: 119px; 5053 } 5054} 5055 5056@media (min-width: 320px) and (max-width: 360px) { 5057 .articlerichtext + div { 5058 min-height: 105px !important; 5059 } 5060 5061 #articleDetailPage .articleContainer .articlerichtext + div { 5062 min-height: auto !important; 5063 } 5064} 5065 5066@media only screen and (max-width: 767px) { 5067 #homePage .thumbnailWrapper > .lazyload-wrapper img { 5068 border-radius: 10px; 5069 } 5070} 5071 5072@media (min-width: 767px) and (max-width: 1023px) { 5073 #homePage .thumbnailWrapper > .lazyload-wrapper img { 5074 border-radius: 20px; 5075 } 5076 5077@media (max-width: 767px) { 5078 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover#homePage .thumbnailWrapper > .lazyload-wrapper img.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 5079 margin-bottom: -15px; 5080 } 5081} 5082} 5083 5084@media (min-width: 1024px) and (max-width: 1030px) { 5085 .FooterContainer .mainWrapper li:last-of-type { 5086 width: 100%; 5087 text-align: center; 5088 } 5089 5090 .FooterContainer .mainWrapper { 5091 padding-bottom: 60px !important; 5092 margin-left: 60px; 5093 } 5094 .primaryMenuWrapper .slotsWrap-1 li .titleSection { 5095 max-width: 130px; 5096 } 5097} 5098 5099/* sustainability */ 5100 5101@media (min-width: 320px) and (max-width: 575px) { 5102 .sustainabilityGrowBanner .contentWrapper .textWrap{ 5103 right: 45px; 5104 } 5105} 5106 5107@media (min-width: 767px) { 5108 .bannerContainer .contentWrapper .grow { 5109 right: 130px !important; 5110 } 5111} 5112 5113@media (min-width: 767px) and (max-width: 1023px) { 5114 .bannerContainer .contentWrapper .grow { 5115 right: 80px !important; 5116 } 5117} 5118 5119 /* @media (min-width:1024px) and (max-width: 1030px) { 5120
5121.puffs-sustainability-title { 5122 color: #236AA4; 5123 font-size: 60px; 5124 font-weight: 700; 5125 line-height: 40px; 5126} 5127 5128.puffs-sustainability-sub-title { 5129 font-size: 31px ; 5130 color: #0070C0; 5131 font-weight: 600; 5132 line-height: 40px; 5133 margin-top: 10px; 5134} 5135 5136 } */ 5137 5138 @media (min-width: 1025px) { 5139 .FooterContainer { 5140 width: 83% !important; 5141 } 5142 5143 .FooterContainer .mainWrapper { 5144 padding-bottom: 0px !important; 5145 padding-top: 0px !important; 5146 } 5147 5148 .FooterContainer .mainWrapper ul { 5149 display: flex; 5150 flex-wrap: wrap; 5151 justify-content: center; 5152 padding-top: 30px; 5153 } 5154 5155 .FooterContainer .mainWrapper ul li { 5156 padding-right: 17px !important; 5157 margin-bottom: 12px !important; 5158 } 5159 5160 .FooterContainer .subWrapper { 5161 display: flex; 5162 justify-content: center; 5163 align-items: center; 5164 } 5165 } 5166 5167 @media (min-width: 1023px) and (max-width: 1025px) { 5168 .FooterContainer { 5169 width: 90% !important; 5170 } 5171 5172 .FooterContainer .mainWrapper { 5173 padding-bottom: 0px !important; 5174 padding-top: 0 !important; 5175 } 5176 5177 .FooterContainer .mainWrapper ul { 5178 display: flex; 5179 flex-wrap: wrap; 5180 justify-content: center; 5181 padding-top: 14px; 5182 } 5183 5184 .FooterContainer .mainWrapper ul li { 5185 padding-right: 12px !important; 5186 padding-bottom: 3px !important; 5187 } 5188 5189 .FooterContainer .subWrapper { 5190 display: flex; 5191 justify-content: center; 5192 align-items: center; 5193 } 5194 5195 } 5196 5197 @media (min-width: 1025px) and (max-width: 1497px) { 5198 .FooterContainer { 5199 width: 86% !important; 5200 } 5201 } 5202 5203 @media (min-width: 768px) and (max-width: 998px) { 5204 .FooterContainer .mainWrapper ul { 5205 display: flex; 5206 flex-wrap: wrap; 5207 justify-content: center; 5208 padding-top: 14px; 5209 } 5210 5211 .FooterContainer .mainWrapper ul li { 5212 padding-bottom: 5px !important; 5213 } 5214 } 5215 5216 .FooterContainer .mainWrapper ul li:nth-last-child(1) { 5217 font-weight: normal; 5218 } 5219 5220/* pagesspeed */ 5221 5222@media (min-width: 1024px) { 5223 #homePage .HeroBanner .contentWrapper, #homePage .FeatureBanner .contentWrapper { 5224 min-height: 360px; 5225 } 5226 5227 #homePage .Video .thumbnailWrapper { 5228 min-height: 475px; 5229 } 5230 5231 .mainNav .primaryMenuWrapper { 5232 min-height: 61px; 5233 } 5234 5235 /* //footer */ 5236 5237 .FooterContainer .subWrapper { 5238 min-height: 30px; 5239 } 5240 5241 .product-list-page .cardWrapper { 5242 min-height: 433px; 5243 } 5244 5245 .product-list-page .cardWrapper .productListView .quickViewCardWrap{ 5246 min-height: 304px; 5247 min-width: 169px; 5248 } 5249 5250 .product-list-page .cardWrapper .productListView .quickViewCardWrap .quickViewMediaWrapper { 5251 min-height: 305px; 5252 } 5253 5254 .product-list-page .cardWrapper .productListView .quickViewCardWrap .quickViewContentWrapper { 5255 min-height: 100px; 5256 } 5257 5258 .product-list-page .quickViewCardWrap .quickViewContentWrapper .rating-variants { 5259 min-height: 17px; 5260 } 5261 5262 #sustainabilityPage .bannerContainer .sustainabilityProtectBanner, 5263 #sustainabilityPage .bannerContainer .sustainabilityGrowBanner, 5264 #sustainabilityPage .bannerContainer .sustainabilityRestoreBanner { 5265 min-height: 318px; 5266 } 5267 5268 .leaveReviewWrapper .bannerContainer { 5269 min-height: 311px; 5270 } 5271 5272 .leaveReviewWrapper .cardWrapper .productListView .productCard .lazyload-wrapper { 5273 min-height: 216px; 5274 } 5275 5276 .leaveReviewWrapper .cardWrapper .productListView .productCard .ratingWrapper .rating-wrapper { 5277 min-height: 17px; 5278 } 5279 5280 .product-list-page .bannerContainer { 5281 min-height: 323px; 5282 } 5283 5284 .productDetailWrapper .sectionWrap, .productDetailWrapper .sectionWrap .imageWrap { 5285 min-height: 351px; 5286 } 5287 5288 .productDetailWrapper .sectionWrap .imageWrap { 5289 min-width: 346px; 5290 } 5291 5292 .productDetailWrapper .sectionWrap .imageWrap button { 5293 min-height: 318px; 5294 min-width: 318px; 5295 } 5296 5297 .productDetailWrapper .sectionWrap .introWrap { 5298 min-width: 410px; 5299 min-height: 328; 5300 } 5301 5302 .productDetailWrapper .Horizontal .card{ 5303 min-height: 332px; 5304 } 5305 5306 .productDetailWrapper .Horizontal .mediaWrapper{ 5307 min-height: 272px; 5308 min-width: 303px; 5309 } 5310 5311 .productDetailWrapper .Horizontal .contentWrapper{ 5312 min-height: 272px; 5313 min-width: 453px; 5314 } 5315 5316 .productDetailWrapper .imageset .LazyLoad { 5317 min-height: 311px; 5318 } 5319
5320 .productDetailWrapper .relatedProductsWrapper .productListStyles { 5321 min-height: 319px; 5322 } 5323 5324 .productDetailWrapper .relatedProductsWrapper .productListStyles .quickViewCardWrap { 5325 min-height: 279px; 5326 min-width: 190px; 5327 } 5328 5329 .pageWrapper .write-review-card .image-wrap { 5330 min-height: 523px; 5331 } 5332 5333 #faqPage .QAWrapper table:first-of-type tr td { 5334 min-height: 51px; 5335 } 5336 5337 .FooterContainer { 5338 min-height: 222px; 5339 } 5340 5341 .mainNav .linkSection { 5342 min-height: 30px; 5343 min-width: 846px; 5344 } 5345 5346 .mainNav .linkSection a { 5347 min-height: 14px; 5348 } 5349 5350 .mainNav .linkSection a:first-child { 5351 min-width: auto; 5352 } 5353 5354 .mainNav .linkSection a:nth-child(2), a:nth-child(3) { 5355 min-width: 73px; 5356 } 5357 5358 .mainNav .linkSection a:nth-child(4) { 5359 min-width: 69px; 5360 } 5361 5362 #articleDetailPage div:has(> picture) { 5363 min-height: 424px !important; 5364 } 5365 5366 /* .articleContentContainer .cardWrapper .contentWrapper div:first-child { 5367 min-height: 24px ; 5368 } */ 5369 5370 .articleContainer .articlerichtext { 5371 min-height: 70px; 5372 } 5373 5374 #offerPage .bannerSection .contentWrapper > div:nth-child(2){ 5375 min-height: 360px; 5376 } 5377 5378 footer { 5379 min-height: 222px; 5380 } 5381 5382 .primaryMenuWrapper > a { 5383 min-height: 130px; 5384 min-width: 130px; 5385 } 5386 5387 footer .FooterContainer .mainWrapper ul li:nth-child(5) { 5388 min-width: 297px; 5389 min-height: 39px; 5390 } 5391 5392 .FooterContainer .footerLink ul li .privacy-choice { 5393 min-width: 31px; 5394 min-height: 14px; 5395 } 5396 5397 .history-banner-Wrapper .history-banner { 5398 min-height: 349px; 5399 min-width: 846px; 5400 } 5401 5402 .history-image-2 { 5403 min-height: 279px; 5404 } 5405 5406 .history-image-3{ 5407 min-height: 282px; 5408 } 5409 .history-image-4 { 5410 min-height: 340px; 5411 } 5412 5413 .history-image-5 { 5414 min-height: 287px; 5415 } 5416 5417 .history-image-6 { 5418 min-height: 264px; 5419 } 5420 5421 .history-image-7 { 5422 min-height: 248px; 5423 } 5424 5425 .history-content-Wrapper .Video { 5426 min-height: 340px; 5427 } 5428 5429 .history-content-Wrapper .text-Wrapper .container .history-head{ 5430 min-height: 46px; 5431 } 5432 5433 .history-content-Wrapper .history-line-break { 5434 min-height: 119px; 5435 } 5436 5437 .sustainability h1{ 5438 min-height: 40px; 5439 } 5440 5441 .sustainability .text-blue2 { 5442 min-height: 80px; 5443 } 5444 5445 .productDetailWrapper .sectionWrap .imageWrap img:nth-child(2){ 5446 min-height: 28px; 5447 min-width: 28px; 5448 } 5449 5450 .productDetailWrapper .productrating .rating-variants { 5451 min-width: 108px; 5452 min-height: 24px; 5453 } 5454 5455 .productDetailWrapper .introWrap { 5456 min-width: 410px; 5457 min-height: 328px; 5458 } 5459 5460 .productDetailWrapper .introWrap .productrating { 5461 min-height: 44px; 5462 } 5463 5464 .productrating .ratingWrapper { 5465 min-height: 44px; 5466 } 5467 5468 .productDetailWrapper .introWrap .writeSection { 5469 min-height: 21px; 5470 } 5471 5472 #meetPalsPage .bannerContainer { 5473 min-height: 450px; 5474 } 5475 5476 #meetPalsPage .carousalContainer { 5477 min-height: 506px; 5478 } 5479 5480 .dark-page-section .dark-page-hero-image{ 5481 min-height: 529px; 5482 } 5483 5484 .FooterContainer .mainWrapperSocial { 5485 min-width: 270px; 5486 min-height: 24px; 5487 } 5488 5489 .guidelineSection { 5490 min-height: 528px; 5491 } 5492 5493 #faqPage .cardWrapper { 5494 min-height: 931px; 5495 } 5496 .sitemapSection { 5497 min-height: 548px; 5498 } 5499 5500 .productDetailWrapper .sectionWrap, .productDetailWrapper .sectionWrap .imageWrap { 5501 min-height: 328px; 5502 } 5503 5504 .productDetailWrapper .sectionWrap .imageWrap { 5505 min-width: 346px; 5506 } 5507 5508 .productDetailWrapper .sectionWrap .imageWrap button { 5509 min-height: 318px; 5510 min-width: 318px; 5511 } 5512 5513 .productDetailWrapper .sectionWrap .introWrap { 5514 min-width: 410px; 5515 min-height: 328; 5516 } 5517 5518 .productDetailWrapper .Horizontal .card{ 5519 min-height: 332px; 5520 } 5521 5522 .productDetailWrapper .Horizontal .mediaWrapper{ 5523 min-height: 272px; 5524 min-width: 303px; 5525 } 5526 5527 .productDetailWrapper .Horizontal .contentWrapper{ 5528 min-height: 272px; 5529 min-width: 453px; 5530 } 5531 5532 .productDetailWrapper .imageset .LazyLoad { 5533 min-height: 311px; 5534 } 5535
5536 .productDetailWrapper .relatedProductsWrapper .productListStyles { 5537 min-height: 319px; 5538 } 5539 5540 .productDetailWrapper .relatedProductsWrapper .productListStyles .quickViewCardWrap { 5541 min-height: 279px; 5542 min-width: 190px; 5543 } 5544 5545 .pageWrapper .write-review-card .image-wrap { 5546 min-height: 522px; 5547 } 5548 5549 #faqPage .QAWrapper table:first-of-type tr td { 5550 min-height: 51px; 5551 } 5552 5553 .FooterContainer { 5554 min-height: 222px; 5555 } 5556 5557 .mainNav .linkSection a { 5558 min-height: 14px; 5559 } 5560 5561 .mainNav .linkSection a:first-child { 5562 min-width: auto; 5563 } 5564 5565 .mainNav .linkSection a:nth-child(2), a:nth-child(3) { 5566 min-width: 73px; 5567 } 5568 5569 .mainNav .linkSection a:nth-child(4) { 5570 min-width: 69px; 5571 } 5572 5573 #articleDetailPage div:has(> picture) { 5574 min-height: 414px !important; 5575 } 5576 5577 .articleContentContainer .cardWrapper .contentWrapper div:first-child { 5578 min-height: 24px ; 5579 } 5580} 5581 5582@media (max-width: 767px) { 5583 #homePage .Video .thumbnailWrapper { 5584 min-height: 194px; 5585 } 5586 5587 .product-list-page .quickViewCardWrap { 5588 min-height: 277px; 5589 } 5590 5591 .product-list-page .quickViewCardWrap .quickViewMediaWrapper { 5592 min-height: 216px; 5593 } 5594 5595 .product-list-page .quickViewCardWrap .quickViewContentWrapper { 5596 min-height: 222px; 5597 } 5598 5599 .product-list-page .quickViewCardWrap .quickViewContentWrapper .rating-variants { 5600 min-height: 24px; 5601 } 5602 5603 .product-list-page .bannerContainer { 5604 min-height: 172px; 5605 } 5606 5607 #sustainabilityPage .bannerContainer .sustainabilityProtectBanner, 5608 #sustainabilityPage .bannerContainer .sustainabilityGrowBanner, 5609 #sustainabilityPage .bannerContainer .sustainabilityRestoreBanner { 5610 min-height: 177px; 5611 } 5612 5613 .leaveReviewWrapper .cardWrapper .productListView .productCard .lazyload-wrapper { 5614 min-height: 226px; 5615 } 5616 5617 .leaveReviewWrapper .bannerContainer { 5618 min-height: 236px; 5619 } 5620 5621 5622 .leaveReviewWrapper .cardWrapper { 5623 min-height: 886px; 5624 } 5625 5626 .FooterContainer .subWrapper .wrapperTxt { 5627 min-width: 36px; 5628 } 5629 5630 .footerLink > .list > .listItem .privacyLinkButton { 5631 display: flex; 5632 } 5633 .FooterContainer .footerLink ul li:nth-child(4) { 5634 min-width: 159px; 5635 } 5636 5637 .FooterContainer .footerLink ul li .adChoiceIcon { 5638 min-width: 31px; 5639 min-height: 14px; 5640 } 5641 5642 .FooterContainer .footerLink ul li .privacy-choice { 5643 min-width: 31px; 5644 min-height: 14px; 5645 } 5646 5647 .FooterContainer .socialIcons li{ 5648 min-width: 44px; 5649 } 5650 5651 5652 .leaveReviewWrapper .cardWrapper .productListView .productCard{ 5653 min-height: 325px; 5654 } 5655 5656 .leaveReviewWrapper .cardWrapper .productListView { 5657 min-height: 650px; 5658 } 5659 5660 .product-list-page .pageContainer .productViewPanel .productView .quickViewCardWrap { 5661 min-height: 277px; 5662 } 5663 5664 .product-list-page .pageContainer .productViewPanel .productView { 5665 min-height: 558px; 5666 } 5667 5668 .product-list-page .pageContainer .headerSection { 5669 min-height: 38px; 5670 } 5671 5672 .product-list-page .pageContainer .productViewPanel .productView .quickViewContentWrapper .w-100 { 5673 min-height: 81px; 5674 } 5675 5676 .product-list-page .pageContainer .subHeaderSection .productViewTypes { 5677 min-height: 31px; 5678 } 5679 5680 .articleListWrapper .articleListBanner div.contentWrapper div { 5681 min-height: 229px; 5682 } 5683 5684 .articleListWrapper .cardWrapper { 5685 min-height: 1009px; 5686 } 5687 5688 .articleDetailpageWrapper .articleContentContainer .section-row .LazyLoad > .LazyLoad { 5689 min-height: 231px; 5690 } 5691 5692 5693 5694 .articleListWrapper .cardWrapper .articleListContentWrapper { 5695 min-height: 1000px; 5696 } 5697 5698 .articleListContentWrapper .articleContentWrapper { 5699 min-height: 160px; 5700 } 5701 5702 .articleListContentWrapper .articleContentWrapper .imageWrap { 5703 min-width: 186px; 5704 } 5705 5706 #articleDetailPage div:has(> picture) { 5707 min-height: 231px !important; 5708 } 5709 5710 #meetPalsPage .bannerContainer { 5711 min-height: 239px; 5712 } 5713 5714 #meetPalsPage .carousalContainer { 5715 min-height: 287px; 5716 } 5717 5718 .FooterContainer { 5719 min-height: 432px; 5720 } 5721 5722 .dark-page-section .dark-page-hero-image{ 5723 min-height: 130px; 5724 } 5725} 5726 5727.app-cart-container { 5728 padding-top: 15px !important; 5729} 5730 5731@media (max-width: 767px) { 5732 a.historycardButton.mt-5.md\:mt-10.lg\:mt-10.md\:mx-0.w-89.lg\:w-111.h-28.lg\:h-33.bg-blue-dark-btn.lg\:hover\:bg-btn-hover.rounded-20.text-white.text-12.font-bold.leading-1097.tracking-tight.flex.justify-center.items-center.uppercase.undefined.event_internal_link{ 5733 margin-bottom: -15px; 5734 } 5735} 5736.ps-widget { 5737 padding: 10px 30px !important; 5738 border-radius: 30px !important; 5739} 5740.hover\:no-underline:hover { 5741 text-decoration-line: none; 5742} 5743 5744.focus\:border-textbox-focus:focus { 5745 border-color: rgba(82,168,236,.8); 5746} 5747 5748.focus\:shadow-text-box-focus:focus { 5749 --tw-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
5750 --tw-shadow-colored: inset 0 1px 1px var(--tw-shadow-color), 0 0 8px var(--tw-shadow-color); 5751 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 5752} 5753 5754.focus\:outline-none:focus { 5755 outline: 2px solid transparent; 5756 outline-offset: 2px; 5757} 5758 5759@media (min-width: 320px) { 5760 5761 .sm\:bottom-140 { 5762 bottom: 140px; 5763 } 5764 5765 .sm\:float-left { 5766 float: left; 5767 } 5768 5769 .sm\:mx-10 { 5770 margin-left: 10px; 5771 margin-right: 10px; 5772 } 5773 5774 .sm\:mx-auto { 5775 margin-left: auto; 5776 margin-right: auto; 5777 } 5778 5779 .sm\:my-10 { 5780 margin-top: 10px; 5781 margin-bottom: 10px; 5782 } 5783 5784 .sm\:mb-10 { 5785 margin-bottom: 10px; 5786 } 5787 5788 .sm\:ml-10 { 5789 margin-left: 10px; 5790 } 5791 5792 .sm\:mr-15 { 5793 margin-right: 15px; 5794 } 5795 5796 .sm\:mt-20 { 5797 margin-top: 20px; 5798 } 5799 5800 .sm\:mt-24 { 5801 margin-top: 24px; 5802 } 5803 5804 .sm\:mt-m30 { 5805 margin-top: -30px; 5806 } 5807 5808 .sm\:block { 5809 display: block; 5810 } 5811 5812 .sm\:flex { 5813 display: flex; 5814 } 5815 5816 .sm\:hidden { 5817 display: none; 5818 } 5819 5820 .sm\:h-500 { 5821 height: 500px; 5822 } 5823 5824 .sm\:min-h-130 { 5825 min-height: 130px; 5826 } 5827 5828 .sm\:min-h-320 { 5829 min-height: 320px; 5830 } 5831 5832 .sm\:min-h-400 { 5833 min-height: 400px; 5834 } 5835 5836 .sm\:min-h-42 { 5837 min-height: 42px; 5838 } 5839 5840 .sm\:min-h-700 { 5841 min-height: 700px; 5842 } 5843 5844 .sm\:w-370 { 5845 width: 370px; 5846 } 5847 5848 .sm\:w-41p { 5849 width: 41%; 5850 } 5851 5852 .sm\:w-full { 5853 width: 100%; 5854 } 5855 5856 .sm\:flex-col { 5857 flex-direction: column; 5858 } 5859 5860 .sm\:bg-gray-silver { 5861 --tw-bg-opacity: 1; 5862 background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1)); 5863 } 5864 5865 .sm\:px-10 { 5866 padding-left: 10px; 5867 padding-right: 10px; 5868 } 5869 5870 .sm\:px-15 { 5871 padding-left: 15px; 5872 padding-right: 15px; 5873 } 5874 5875 .sm\:py-20 { 5876 padding-top: 20px; 5877 padding-bottom: 20px; 5878 } 5879 5880 .sm\:pb-0 { 5881 padding-bottom: 0px; 5882 } 5883 5884 .sm\:pb-15 { 5885 padding-bottom: 15px; 5886 } 5887 5888 .sm\:pb-20 { 5889 padding-bottom: 20px; 5890 } 5891 5892 .sm\:pb-25 { 5893 padding-bottom: 25px; 5894 } 5895 5896 .sm\:pr-0 { 5897 padding-right: 0px; 5898 } 5899 5900 .sm\:pt-20 { 5901 padding-top: 20px; 5902 } 5903 5904 .sm\:pt-24 { 5905 padding-top: 24px; 5906 } 5907 5908 .sm\:pt-25 { 5909 padding-top: 25px; 5910 } 5911 5912 .sm\:pt-3 { 5913 padding-top: 3px; 5914 } 5915 5916 .sm\:pt-5 { 5917 padding-top: 5px; 5918 } 5919 5920 .sm\:text-12 { 5921 font-size: 0.75rem; 5922 } 5923 5924 .sm\:text-13 { 5925 font-size: 0.8125rem; 5926 } 5927 5928 .sm\:text-gray-dark { 5929 --tw-text-opacity: 1; 5930 color: rgb(102 102 102 / var(--tw-text-opacity, 1)); 5931 } 5932} 5933 5934@media (min-width: 768px) { 5935 5936 .md\:bottom-20 { 5937 bottom: 20px; 5938 } 5939 5940 .md\:bottom-60 { 5941 bottom: 60px; 5942 } 5943 5944 .md\:left-0 { 5945 left: 0; 5946 } 5947 5948 .md\:left-150 { 5949 left: 150px; 5950 } 5951 5952 .md\:top-0 { 5953 top: 0; 5954 } 5955 5956 .md\:float-right { 5957 float: right; 5958 } 5959 5960 .md\:-mx-15 { 5961 margin-left: -15px; 5962 margin-right: -15px; 5963 } 5964 5965 .md\:mx-0 { 5966 margin-left: 0px; 5967 margin-right: 0px; 5968 } 5969 5970 .md\:my-20 { 5971 margin-top: 20px; 5972 margin-bottom: 20px; 5973 } 5974 5975 .md\:mb-10 { 5976 margin-bottom: 10px; 5977 } 5978 5979 .md\:mb-15 { 5980 margin-bottom: 15px; 5981 } 5982 5983 .md\:mb-20 { 5984 margin-bottom: 20px; 5985 } 5986 5987 .md\:ml-35 { 5988 margin-left: 35px; 5989 } 5990 5991 .md\:ml-50 { 5992 margin-left: 50px; 5993 } 5994 5995 .md\:ml-60 { 5996 margin-left: 60px; 5997 } 5998 5999 .md\:mr-15 { 6000 margin-right: 15px; 6001 } 6002 6003 .md\:mr-20 { 6004 margin-right: 20px; 6005 } 6006 6007 .md\:mt-0 { 6008 margin-top: 0px; 6009 } 6010 6011 .md\:mt-10 { 6012 margin-top: 10px; 6013 } 6014 6015 .md\:mt-20 { 6016 margin-top: 20px; 6017 } 6018 6019 .md\:mt-25 { 6020 margin-top: 25px; 6021 } 6022 6023 .md\:mt-30 { 6024 margin-top: 30px; 6025 } 6026 6027 .md\:mt-40 { 6028 margin-top: 40px; 6029 } 6030 6031 .md\:mt-50 { 6032 margin-top: 50px; 6033 } 6034 6035 .md\:block { 6036 display: block; 6037 } 6038 6039 .md\:inline-block { 6040 display: inline-block; 6041 } 6042 6043 .md\:flex { 6044 display: flex; 6045 } 6046 6047 .md\:inline-flex { 6048 display: inline-flex; 6049 } 6050 6051 .md\:hidden { 6052 display: none; 6053 } 6054 6055 .md\:h-350 { 6056 height: 350px; 6057 } 6058 6059 .md\:h-424 { 6060 height: 424px; 6061 } 6062 6063 .md\:h-auto { 6064 height: auto; 6065 } 6066 6067 .md\:max-h-600 { 6068 max-height: 600px; 6069 } 6070 6071 .md\:min-h-auto { 6072 min-height: auto; 6073 } 6074 6075 .md\:w-28p { 6076 width: 28%; 6077 } 6078 6079 .md\:w-30p { 6080 width: 30%; 6081 } 6082 6083 .md\:w-380 { 6084 width: 380px; 6085 } 6086 6087 .md\:w-46p { 6088 width: 46%; 6089 } 6090 6091 .md\:w-62p { 6092 width: 62%; 6093 } 6094 6095 .md\:w-641 { 6096 width: 641px; 6097 } 6098 6099 .md\:w-80p { 6100 width: 80%; 6101 } 6102 6103 .md\:w-auto { 6104 width: auto; 6105 } 6106 6107 .md\:transform-none { 6108 transform: none; 6109 } 6110 6111 .md\:flex-row { 6112 flex-direction: row; 6113 } 6114 6115 .md\:justify-center { 6116 justify-content: center; 6117 } 6118 6119 .md\:border-none { 6120 border-style: none; 6121 } 6122 6123 .md\:px-30 { 6124 padding-left: 30px; 6125 padding-right: 30px; 6126 } 6127 6128 .md\:py-40 { 6129 padding-top: 40px; 6130 padding-bottom: 40px; 6131 } 6132 6133 .md\:pb-0 { 6134 padding-bottom: 0px; 6135 } 6136 6137 .md\:pb-10 { 6138 padding-bottom: 10px; 6139 } 6140 6141 .md\:pl-15 { 6142 padding-left: 15px; 6143 } 6144 6145 .md\:pl-20 { 6146 padding-left: 20px; 6147 } 6148 6149 .md\:pl-35 { 6150 padding-left: 35px; 6151 } 6152 6153 .md\:pl-50 { 6154 padding-left: 50px; 6155 } 6156 6157 .md\:pt-0 { 6158 padding-top: 0px; 6159 } 6160 6161 .md\:pt-10 { 6162 padding-top: 10px; 6163 } 6164 6165 .md\:pt-100 { 6166 padding-top: 100px; 6167 } 6168 6169 .md\:pt-115 { 6170 padding-top: 115px; 6171 } 6172 6173 .md\:pt-30 { 6174 padding-top: 30px; 6175 } 6176 6177 .md\:text-left { 6178 text-align: left; 6179 } 6180 6181 .md\:text-right { 6182 text-align: right; 6183 } 6184 6185 .md\:text-11 { 6186 font-size: 0.6875rem; 6187 } 6188 6189 .md\:text-15 { 6190 font-size: 0.9375rem; 6191 } 6192 6193 .md\:text-17 { 6194 font-size: 1.0625rem; 6195 } 6196 6197 .md\:text-18 { 6198 font-size: 1.125rem; 6199 } 6200 6201 .md\:text-32 { 6202 font-size: 2rem; 6203 } 6204 6205 .md\:text-40p { 6206 font-size: 40px; 6207 } 6208 6209 .md\:leading-12 { 6210 line-height: 12px; 6211 } 6212 6213 .md\:leading-17 { 6214 line-height: 17px; 6215 } 6216 6217 .md\:leading-20 { 6218 line-height: 20px; 6219 } 6220 6221 .md\:leading-40 { 6222 line-height: 40px; 6223 } 6224} 6225 6226@media (min-width: 1024px) { 6227 6228 .lg\:absolute { 6229 position: absolute; 6230 } 6231 6232 .lg\:float-right { 6233 float: right; 6234 } 6235 6236 .lg\:float-left { 6237 float: left; 6238 } 6239 6240 .lg\:float-none { 6241 float: none; 6242 } 6243 6244 .lg\:clear-both { 6245 clear: both; 6246 } 6247 6248 .lg\:m-0 { 6249 margin: 0px; 6250 } 6251 6252 .lg\:mx-0 { 6253 margin-left: 0px; 6254 margin-right: 0px; 6255 } 6256 6257 .lg\:mx-auto { 6258 margin-left: auto; 6259 margin-right: auto; 6260 } 6261 6262 .lg\:my-15 { 6263 margin-top: 15px; 6264 margin-bottom: 15px; 6265 } 6266 6267 .lg\:my-5 { 6268 margin-top: 5px; 6269 margin-bottom: 5px; 6270 } 6271 6272 .lg\:-mt-20 { 6273 margin-top: -20px; 6274 } 6275 6276 .lg\:mb-0 { 6277 margin-bottom: 0px; 6278 } 6279 6280 .lg\:mb-15 { 6281 margin-bottom: 15px; 6282 } 6283 6284 .lg\:mb-19 { 6285 margin-bottom: 19px; 6286 } 6287 6288 .lg\:mb-20 { 6289 margin-bottom: 20px; 6290 } 6291 6292 .lg\:mb-25 { 6293 margin-bottom: 25px; 6294 } 6295 6296 .lg\:mb-50 { 6297 margin-bottom: 50px; 6298 } 6299 6300 .lg\:mb-60 { 6301 margin-bottom: 60px; 6302 } 6303 6304 .lg\:ml-0 { 6305 margin-left: 0px; 6306 } 6307 6308 .lg\:ml-20 { 6309 margin-left: 20px; 6310 } 6311 6312 .lg\:ml-24 { 6313 margin-left: 24px; 6314 } 6315 6316 .lg\:ml-45 { 6317 margin-left: 45px; 6318 } 6319 6320 .lg\:ml-55 { 6321 margin-left: 55px; 6322 } 6323 6324 .lg\:mr-10 { 6325 margin-right: 10px; 6326 } 6327 6328 .lg\:mr-15 { 6329 margin-right: 15px; 6330 } 6331 6332 .lg\:mr-20 { 6333 margin-right: 20px; 6334 } 6335 6336 .lg\:mr-30 { 6337 margin-right: 30px; 6338 } 6339 6340 .lg\:mr-70 { 6341 margin-right: 70px; 6342 } 6343 6344 .lg\:mt-0 { 6345 margin-top: 0px; 6346 } 6347 6348 .lg\:mt-10 { 6349 margin-top: 10px; 6350 } 6351 6352 .lg\:mt-20 { 6353 margin-top: 20px; 6354 } 6355 6356 .lg\:mt-25 { 6357 margin-top: 25px; 6358 } 6359 6360 .lg\:mt-30 { 6361 margin-top: 30px; 6362 } 6363 6364 .lg\:mt-35 { 6365 margin-top: 35px; 6366 } 6367 6368 .lg\:mt-40 { 6369 margin-top: 40px; 6370 } 6371 6372 .lg\:mt-45 { 6373 margin-top: 45px; 6374 } 6375 6376 .lg\:mt-50 { 6377 margin-top: 50px; 6378 } 6379 6380 .lg\:mt-60 { 6381 margin-top: 60px; 6382 } 6383 6384 .lg\:mt-70 { 6385 margin-top: 70px; 6386 } 6387 6388 .lg\:mt-80 { 6389 margin-top: 80px; 6390 } 6391 6392 .lg\:mt-8d5p { 6393 margin-top: 8.5%; 6394 } 6395 6396 .lg\:block { 6397 display: block; 6398 } 6399 6400 .lg\:inline-block { 6401 display: inline-block; 6402 } 6403 6404 .lg\:inline { 6405 display: inline; 6406 } 6407 6408 .lg\:flex { 6409 display: flex; 6410 } 6411 6412 .lg\:hidden { 6413 display: none; 6414 } 6415 6416 .lg\:h-18 { 6417 height: 18px; 6418 } 6419 6420 .lg\:h-20 { 6421 height: 20px; 6422 } 6423 6424 .lg\:h-230 { 6425 height: 230px; 6426 } 6427 6428 .lg\:h-235 { 6429 height: 235px; 6430 } 6431 6432 .lg\:h-33 { 6433 height: 33px; 6434 } 6435 6436 .lg\:h-40 { 6437 height: 40px; 6438 } 6439 6440 .lg\:h-476 { 6441 height: 476px; 6442 } 6443 6444 .lg\:h-51 { 6445 height: 51px; 6446 } 6447 6448 .lg\:h-60 { 6449 height: 60px; 6450 } 6451 6452 .lg\:min-h-119 { 6453 min-height: 119px; 6454 } 6455 6456 .lg\:min-h-230 { 6457 min-height: 230px; 6458 } 6459 6460 .lg\:min-h-271 { 6461 min-height: 271px; 6462 } 6463 6464 .lg\:min-h-320 { 6465 min-height: 320px; 6466 } 6467 6468 .lg\:min-h-360 { 6469 min-height: 360px; 6470 } 6471 6472 .lg\:w-101 { 6473 width: 101px; 6474 } 6475 6476 .lg\:w-104 { 6477 width: 104px; 6478 } 6479 6480 .lg\:w-111 { 6481 width: 111px; 6482 } 6483 6484 .lg\:w-114 { 6485 width: 114px; 6486 } 6487 6488 .lg\:w-120 { 6489 width: 120px; 6490 } 6491 6492 .lg\:w-124 { 6493 width: 124px; 6494 } 6495 6496 .lg\:w-140 { 6497 width: 140px; 6498 } 6499 6500 .lg\:w-173 { 6501 width: 173px; 6502 } 6503 6504 .lg\:w-20 {
6505 width: 20px; 6506 } 6507 6508 .lg\:w-208 { 6509 width: 208px; 6510 } 6511 6512 .lg\:w-21p { 6513 width: 21%; 6514 } 6515 6516 .lg\:w-23p { 6517 width: 23%; 6518 } 6519 6520 .lg\:w-255 { 6521 width: 255px; 6522 } 6523 6524 .lg\:w-25p { 6525 width: 25%; 6526 } 6527 6528 .lg\:w-320 { 6529 width: 320px; 6530 } 6531 6532 .lg\:w-333 { 6533 width: 333px; 6534 } 6535 6536 .lg\:w-380 { 6537 width: 380px; 6538 } 6539 6540 .lg\:w-40p { 6541 width: 40%; 6542 } 6543 6544 .lg\:w-60p { 6545 width: 60%; 6546 } 6547 6548 .lg\:w-75p { 6549 width: 75%; 6550 } 6551 6552 .lg\:w-76p { 6553 width: 76%; 6554 } 6555 6556 .lg\:w-77p { 6557 width: 77%; 6558 } 6559 6560 .lg\:w-80 { 6561 width: 80px; 6562 } 6563 6564 .lg\:w-80p { 6565 width: 80%; 6566 } 6567 6568 .lg\:w-845 { 6569 width: 845px; 6570 } 6571 6572 .lg\:w-846 { 6573 width: 846px; 6574 } 6575 6576 .lg\:w-849 { 6577 width: 849px; 6578 } 6579 6580 .lg\:w-90 { 6581 width: 90px; 6582 } 6583 6584 .lg\:w-92 { 6585 width: 92px; 6586 } 6587 6588 .lg\:w-940 { 6589 width: 940px; 6590 } 6591 6592 .lg\:w-960 { 6593 width: 960px; 6594 } 6595 6596 .lg\:w-auto { 6597 width: auto; 6598 } 6599 6600 .lg\:w-full { 6601 width: 100%; 6602 } 6603 6604 .lg\:flex-row { 6605 flex-direction: row; 6606 } 6607 6608 .lg\:flex-col { 6609 flex-direction: column; 6610 } 6611 6612 .lg\:flex-wrap { 6613 flex-wrap: wrap; 6614 } 6615 6616 .lg\:items-center { 6617 align-items: center; 6618 } 6619 6620 .lg\:items-baseline {
6621 align-items: baseline; 6622 } 6623 6624 .lg\:justify-start { 6625 justify-content: flex-start; 6626 } 6627 6628 .lg\:gap-4 { 6629 gap: 24px; 6630 } 6631 6632 .lg\:rounded-15 { 6633 border-radius: 15px; 6634 } 6635 6636 .lg\:rounded-20 { 6637 border-radius: 20px; 6638 } 6639 6640 .lg\:rounded-t-20 { 6641 border-top-left-radius: 20px; 6642 border-top-right-radius: 20px; 6643 } 6644 6645 .lg\:border-0 { 6646 border-width: 0; 6647 } 6648 6649 .lg\:border-r-2 { 6650 border-right-width: 2px; 6651 } 6652 6653 .lg\:border-gray-light2 { 6654 --tw-border-opacity: 1; 6655 border-color: rgb(204 204 204 / var(--tw-border-opacity, 1)); 6656 } 6657 6658 .lg\:bg-transparent { 6659 background-color: transparent; 6660 } 6661 6662 .lg\:bg-white { 6663 --tw-bg-opacity: 1; 6664 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); 6665 } 6666 6667 .lg\:bg-footer { 6668 background-image: url('https://images.ctfassets.net/peceku0c8uzu/5n0O8oDZ7iOV2X5JSFyhA4/782f26d201e4999972a26ea73e75a014/Footer_BG.png?fm=webp'); 6669 } 6670 6671 .lg\:bg-footer-size { 6672 background-size: 100% 349px; 6673 } 6674 6675 .lg\:bg-footer-position { 6676 background-position: 0 -117px; 6677 } 6678 6679 .lg\:bg-no-repeat { 6680 background-repeat: no-repeat; 6681 } 6682 6683 .lg\:p-0 { 6684 padding: 0px; 6685 } 6686 6687 .lg\:p-20 { 6688 padding: 20px; 6689 } 6690 6691 .lg\:px-0 { 6692 padding-left: 0px; 6693 padding-right: 0px; 6694 } 6695 6696 .lg\:px-15 { 6697 padding-left: 15px; 6698 padding-right: 15px; 6699 } 6700 6701 .lg\:px-20 { 6702 padding-left: 20px; 6703 padding-right: 20px; 6704 } 6705 6706 .lg\:px-35 { 6707 padding-left: 35px; 6708 padding-right: 35px; 6709 } 6710 6711 .lg\:py-0 { 6712 padding-top: 0px; 6713 padding-bottom: 0px; 6714 } 6715 6716 .lg\:py-10 { 6717 padding-top: 10px; 6718 padding-bottom: 10px; 6719 } 6720 6721 .lg\:py-15 { 6722 padding-top: 15px; 6723 padding-bottom: 15px; 6724 } 6725 6726 .lg\:py-20 { 6727 padding-top: 20px; 6728 padding-bottom: 20px; 6729 } 6730 6731 .lg\:py-30 { 6732 padding-top: 30px; 6733 padding-bottom: 30px; 6734 } 6735 6736 .lg\:py-40 { 6737 padding-top: 40px; 6738 padding-bottom: 40px; 6739 } 6740 6741 .lg\:py-6 { 6742 padding-top: 6px; 6743 padding-bottom: 6px; 6744 } 6745 6746 .lg\:pb-0 { 6747 padding-bottom: 0px; 6748 } 6749 6750 .lg\:pb-10 { 6751 padding-bottom: 10px; 6752 } 6753 6754 .lg\:pb-15 { 6755 padding-bottom: 15px; 6756 } 6757 6758 .lg\:pb-17 { 6759 padding-bottom: 17px; 6760 } 6761 6762 .lg\:pb-20 { 6763 padding-bottom: 20px; 6764 } 6765 6766 .lg\:pb-25 { 6767 padding-bottom: 25px; 6768 } 6769 6770 .lg\:pb-30 { 6771 padding-bottom: 30px; 6772 } 6773 6774 .lg\:pb-35 { 6775 padding-bottom: 35px; 6776 } 6777 6778 .lg\:pb-50 { 6779 padding-bottom: 50px; 6780 } 6781 6782 .lg\:pb-60 { 6783 padding-bottom: 60px; 6784 } 6785 6786 .lg\:pl-0 { 6787 padding-left: 0px; 6788 } 6789 6790 .lg\:pl-14 { 6791 padding-left: 14px; 6792 } 6793 6794 .lg\:pl-186 { 6795 padding-left: 186px; 6796 } 6797 6798 .lg\:pl-20 { 6799 padding-left: 20px; 6800 } 6801 6802 .lg\:pl-30 { 6803 padding-left: 30px; 6804 } 6805 6806 .lg\:pl-40 { 6807 padding-left: 40px; 6808 } 6809 6810 .lg\:pl-55 { 6811 padding-left: 55px; 6812 } 6813 6814 .lg\:pl-60 { 6815 padding-left: 60px; 6816 } 6817 6818 .lg\:pr-15 { 6819 padding-right: 15px; 6820 } 6821 6822 .lg\:pr-16 { 6823 padding-right: 16px; 6824 } 6825 6826 .lg\:pr-20 { 6827 padding-right: 20px; 6828 } 6829 6830 .lg\:pt-0 { 6831 padding-top: 0px; 6832 } 6833 6834 .lg\:pt-10 { 6835 padding-top: 10px; 6836 } 6837 6838 .lg\:pt-13 { 6839 padding-top: 13px; 6840 } 6841 6842 .lg\:pt-15 { 6843 padding-top: 15px; 6844 } 6845 6846 .lg\:pt-20 { 6847 padding-top: 20px; 6848 } 6849 6850 .lg\:pt-30 { 6851 padding-top: 30px; 6852 } 6853 6854 .lg\:pt-40 { 6855 padding-top: 40px; 6856 } 6857 6858 .lg\:pt-5 { 6859 padding-top: 5px; 6860 } 6861 6862 .lg\:pt-50 { 6863 padding-top: 50px; 6864 } 6865 6866 .lg\:pt-74 { 6867 padding-top: 74px; 6868 } 6869 6870 .lg\:pt-80 { 6871 padding-top: 80px; 6872 } 6873 6874 .lg\:text-left { 6875 text-align: left; 6876 } 6877 6878 .lg\:text-right { 6879 text-align: right; 6880 } 6881 6882 .lg\:text-11 { 6883 font-size: 0.6875rem; 6884 } 6885 6886 .lg\:text-12 { 6887 font-size: 0.75rem; 6888 } 6889 6890 .lg\:text-13 { 6891 font-size: 0.8125rem; 6892 } 6893 6894 .lg\:text-14 { 6895 font-size: 0.875rem; 6896 } 6897 6898 .lg\:text-16 { 6899 font-size: 1rem; 6900 } 6901 6902 .lg\:text-17 { 6903 font-size: 1.0625rem; 6904 } 6905 6906 .lg\:text-19 { 6907 font-size: 1.1875rem; 6908 } 6909 6910 .lg\:text-20 { 6911 font-size: 1.25rem; 6912 } 6913 6914 .lg\:text-21 { 6915 font-size: 1.3125rem; 6916 } 6917 6918 .lg\:text-24 { 6919 font-size: 1.5rem; 6920 } 6921 6922 .lg\:text-30 { 6923 font-size: 1.875rem; 6924 } 6925 6926 .lg\:text-31 { 6927 font-size: 1.9375rem; 6928 } 6929 6930 .lg\:text-40p { 6931 font-size: 40px; 6932 } 6933 6934 .lg\:text-60p { 6935 font-size: 3.75rem; 6936 } 6937 6938 .lg\:text-9 { 6939 font-size: 0.5625rem; 6940 } 6941 6942 .lg\:font-normal { 6943 font-weight: normal; 6944 } 6945 6946 .lg\:leading-1037 { 6947 line-height: 1.37; 6948 } 6949 6950 .lg\:leading-1043 { 6951 line-height: 1.43; 6952 } 6953 6954 .lg\:leading-1065 { 6955 line-height: 1.65; 6956 } 6957 6958 .lg\:leading-1079 { 6959 line-height: 1.79; 6960 } 6961 6962 .lg\:leading-12 { 6963 line-height: 12px; 6964 } 6965 6966 .lg\:leading-20 { 6967 line-height: 20px; 6968 } 6969 6970 .lg\:leading-26 {
6971 line-height: 26px; 6972 } 6973 6974 .lg\:leading-28 { 6975 line-height: 28.8px; 6976 } 6977 6978 .lg\:leading-40 { 6979 line-height: 40px; 6980 } 6981 6982 .lg\:leading-tight { 6983 line-height: 1.13; 6984 } 6985 6986 .lg\:leading-tighter { 6987 line-height: 1.36; 6988 } 6989 6990 .lg\:tracking-18 { 6991 letter-spacing: -.18px; 6992 } 6993 6994 .lg\:tracking-19 { 6995 letter-spacing: -.19px; 6996 } 6997 6998 .lg\:tracking-34 { 6999 letter-spacing: -.34px; 7000 } 7001 7002 .lg\:tracking-tight { 7003 letter-spacing: -.15px; 7004 } 7005 7006 .lg\:tracking-tighter { 7007 letter-spacing: -.33px; 7008 } 7009 7010 .lg\:text-black { 7011 --tw-text-opacity: 1; 7012 color: rgb(0 0 0 / var(--tw-text-opacity, 1)); 7013 } 7014 7015 .lg\:text-blue-link { 7016 --tw-text-opacity: 1; 7017 color: rgb(0 107 184 / var(--tw-text-opacity, 1)); 7018 } 7019 7020 .lg\:text-gray-darkest { 7021 --tw-text-opacity: 1; 7022 color: rgb(64 64 64 / var(--tw-text-opacity, 1)); 7023 } 7024 7025 .lg\:shadow-card { 7026 --tw-shadow: 0 2px 7px #ccc; 7027 --tw-shadow-colored: 0 2px 7px var(--tw-shadow-color); 7028 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-sha
7028dow); 7029 } 7030 7031 .lg\:shadow-home { 7032 --tw-shadow: -6px 8px 6px #ccc; 7033 --tw-shadow-colored: -6px 8px 6px var(--tw-shadow-color); 7034 box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); 7035 } 7036 7037 .lg\:hover\:bg-btn-hover:hover { 7038 --tw-bg-opacity: 1; 7039 background-color: rgb(68 200 245 / var(--tw-bg-opacity, 1)); 7040 } 7041}</style><noscript data-n-css=""></noscript>
7041<script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script>
7041<script defer="" src="/_next/static/chunks/88.394a0e6efe492ad3.js"></script>
7041<script defer="" src="/_next/static/chunks/466.dbb26cdfa4a651a6.js"></script>
7041<script defer="" src="/_next/static/chunks/261.113ca80240a6bb9a.js"></script>
7041<script src="/_next/static/chunks/webpack-9806077654f6ab9a.js" defer=""></script>
7041<script src="/_next/static/chunks/framework-b33a25620ea1bb40.js" defer=""></script>
7041<script src="/_next/static/chunks/main-f60c5a01fba178f4.js" defer=""></script>
7041<script src="/_next/static/chunks/pages/_app-0e7f62b0225bb933.js" defer=""></script>
7041<script src="/_next/static/chunks/da2bf6c4-81dedfbed64e6ed7.js" defer=""></script>
7041<script src="/_next/static/chunks/552-d698fa5cf2964822.js" defer=""></script>
7041<script src="/_next/static/chunks/214-10980adb469f6608.js" defer=""></script>
7041<script src="/_next/static/chunks/177-b72e0c60c891ccff.js" defer=""></script>
7041<script src="/_next/static/chunks/402-bac4d37e461c01be.js" defer=""></script>
7041<script src="/_next/static/chunks/pages/%5Blang%5D/%5Bparent%5D-f2e5e474b68ca131.js" defer=""></script>
7041<script src="/_next/static/w67h6m4zv4l_CaNRwA4rH/_buildManifest.js" defer=""></script>
7041<script src="/_next/static/w67h6m4zv4l_CaNRwA4rH/_ssgManifest.js" defer=""></script>
7041</head><body class="custom_class">
vendor: 67 bytes, line 7041
7041<noscript><iframe src='https://www.googletagmanager.com/ns.html?id=
7041GTM-N6XWT7TZ
vendor: 114 bytes, lines 7041-7042
7041' 7042 height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
7042<link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png?fm=webp&q=20"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png?fm=webp&q=75"/><link rel="preload" as="image" href="https://images.ctfassets.net/peceku0c8uzu/4kqKMBAVGIvUFvuUPkz5Q7/9474333359d5c80b3af3cc935d20c603/privacyoptions29x14.png?fm=webp&q=75"/><div id="__next"><a class="sm:mt-m30 lg:mt-0 skip-link mx-auto" href="#main">Skip to content</a><nav class="mainNav" id="nav" aria-label="navigation-header" role="navigation"><div class="hidden lg:flex header_related_brand bg-blue-light w-full rounded-20 rounded-t-none h-30 shadow-default"><div class="linkSection my-0 mx-auto flex py-7 w-846"><a class="undefined undefined event_outbound_link" data-action-detail="Get rewards and coupons at P&G Everyday" target="" title="P&G BrandSaver" aria-label="Get rewards and coupons at P&G Everyday" href="https://www.pgbrandsaver.com" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png?fm=webp&q=20" title="Get rewards and coupons at P&G Everyday" alt="Get rewards and coupons at P&G Everyday" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Charmin site" target="" title="Charmin" aria-label="Visit the Charmin site" href="https://www.charmin.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png?fm=webp&q=75" title="Visit the Charmin site" alt="Visit the Charmin site" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Bounty site" target="" title="Bounty" aria-label="Visit the Bounty site" href="https://bountytowels.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png?fm=webp&q=75" title="Visit the Bounty site" alt="Visit the Bounty site" loading="eager" class=""/></a><a class="undefined undefined event_outbound_link" data-action-detail="Visit the Vicks site" target="" title="Vicks" aria-label="Visit the Vicks site" href="https://vicks.com/en-us" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png?fm=webp&q=75" title="Visit the Vicks site" alt="Visit the Vicks site" loading="eager" class=""/></a></div></div><div class="primaryMenuWrapper sm:min-h-42 md:min-h-auto"><a href="/en-us" aria-label="Puffs home" class="event_image_click" tabindex="0" data-action-detail="header:Puffs home"><img alt="Puffs home" title="Puffs home" width="86" height="86" decoding="async" data-nimg="1" class="brand-logo" style="color:transparent;width:auto;height:auto;max-width:130px;max-height:130px" src="https://images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png?fm=webp&q=75"/></a><div class="hidden lg:block"><ul class="wrapperDiv "><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="SAVE" target="" aria-label="SAVE" href="/en-us/offer-main-section/offers-and-promotions" tabindex="0"><p class="">SAVE</p></a></li><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="BUY" target="" aria-label="BUY" href="/en-us/shop-products" tabindex="0"><p class="">BUY</p><ul class="slotsWrap-1 lg:hidden"><li class="undefined mobile_enabled"><a class="menuButton event_menu_click " data-action-detail="Shop All" target="" aria-label="Puffs-header-buy-mobileslot-1" href="/en-us/shop-products" tabindex="0"><p class="titleSection">Shop All</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Plus L
7042otion" target="" aria-label="Explore Plus Lotion" href="/en-us/shop-products/lotion-tissue/puffs-plus-lotion" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png?fm=webp&q=75" alt="Explore Plus Lotion"/><p class="titleSection">Plus Lotion</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Ultra Soft" target="" aria-label="Explore Ultra Soft" href="/en-us/shop-products/non-lotion-tissue/puffs-ultra-soft" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png?fm=webp&q=75" alt="Explore Ultra Soft"/><p class="titleSection">Ultra Soft</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Plus Lotion with the Scent of Vicks®" target="" aria-label="Plus Lotion with the Scent of Vicks®" href="/en-us/shop-products/lotion-tissue/puffs-plus-lotion-with-the-scent-of-vicks" tabindex="0"><img src="https://images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png?fm=webp&q=75" alt="Plus Lotion with the Scent of Vicks®"/><p class="titleSection">Plus Lotion with the Scent of Vicks®</p></a></li></ul></a></li><li class="mainMenuItem"><a class="megaButton event_menu_click " data-action-detail="DISCOVER" target="" aria-label="DISCOVER" href="/en-us/about-puffs" tabindex="0"><p class="">DISCOVER</p><ul class="slotsWrap-2 lg:hidden"><li class="undefined mobile_enabled"><a class="menuButton event_menu_click " data-action-detail="Explore All" target="" aria-label="Mobile-Explore All" href="/en-us/about-puffs" tabindex="0"><p class="titleSection">Explore All</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="History" target="" aria-label="History" href="/en-us/about-puffs/puffs-history" tabindex="0"><p class="titleSection">History</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Ingredients" target="" aria-label="Ingredients" href="/en-us/about-puffs/ingredients" tabindex="0"><p class="titleSection">Ingredients</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="FAQs" target="" aria-label="FAQs" href="/en-us/about-puffs/frequently-asked-questions" tabindex="0"><p class="titleSection">FAQs</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Sustainability" target="" aria-label="Sustainability" href="/en-us/experience-main-section/sustainability" tabindex="0"><p class="titleSection">Sustainability</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Leave a Review" target="" aria-label="Leave a Review" href="/en-us/facial-tissue-ratings-reviews" tabindex="0"><p class="titleSection">Leave a Review</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Tips & Articles" target="" aria-label="Tips & Articles" href="/en-us/tips-and-articles" tabindex="0"><p class="titleSection">Tips & Articles</p></a></li><li class="undefined undefined"><a class="menuButton event_menu_click " data-action-detail="Meet the Pals" target="" aria-label="Meet the Pals" href="/en-us/about-puffs/meet-puffs-pals" tabindex="0"><p class="titleSection">Meet the Pals</p></a></li></ul></a></li></ul></div><div id="mobile-nav"></div></div></nav><main id="main" role="main" tabindex="-1" class="mainContainer min-h-600"><div class="ContactUsWrapper lg:w-960 mx-auto px-10"><div class="iframeWrapper "><iframe title="Contact Us" src="https://consumersupport.pg.com/carehub?brand=Puffs&amp;language=en&amp;country=us&amp;GTIN=undefined&amp;username=undefined?brand=Puffs&amp;language=en&amp;country=us&amp;GTIN=undefined&amp;username=undefined" allowFullScreen="" class="w-full min-h-568"></iframe></div></div></main><footer role="contentinfo" class="bg-blue-lightest lg:bg-transparent lg:bg-footer lg:bg-footer-size lg:bg-no-repeat lg:bg-footer-position mt-30 lg:mt-80 clear-both"><div class="FooterContainer text-blue-menu my-0 mx-auto pt-25 lg:pt-80 lg:w-80p"><div class="subWrapper flex flex-col lg:flex-row items-center justify-between tab-mx-50"><div class="mainWrapperSocial flex flex-col lg:flex-row items-center w-full lg:w-auto pb-20 lg:pb-0 border-b border-gray-light lg:border-0"><p class="wrapperTxt font-bold pb-15 lg:pb-0 lg:pr-16 text-14 lg:text-16" tabindex="0">Connect with us</p><ul class="socialIcons flex"><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Facebook" target="_blank" aria-label="Visit our Facebook page" href="https://www.facebook.com/Puffs/" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/uCXtUWRB3mid9dpE2qH42/ae8b2407c7f27d91ae8d0c123b860fc2/fb.svg" title="Visit our Facebook page" alt="Visit our Facebook page" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Twitter" target="_blank" aria-label="Visit our Twitter feed" href="https://twitter.com/puffs" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/oBqSbFl084PXiKvpA7zvL/4ff9cf3221bd5993bed800a6c79fc064/twitter.svg" title="Visit our Twitter feed" alt="Visit our Twitter feed" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Youtube" target="_blank" aria-label="Visit our Youtube channel" href="https://www.youtube.com/user/PGPuffsTissues" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/1zk1eXRdzF1YXpgSe1WMaL/8bb553dc4fbdd6143cc4d9d2933bc91b/youtube.svg" title="Visit our Youtube channel" alt="Visit our Youtube channel" loading="lazy" class=""/></div></a></li><li class="FooterLinks px-7"><a class="FooterLinksImg lg:w-20 lg:h-20 lg:block event_socialmedia_exit " data-action-detail="Instagram" target="_blank" aria-label="Visit our Instagram page" href="http://instagram.com/puffstissues/?hl=en" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/1OOWKTI7mg0MKs26ReuOEs/9a11f9fff34e97f6d980863874c20c8c/insta.svg" title="Visit our Instagram page" alt="Visit our Instagram page" loading="lazy" class=""/></div></a></li></ul></div><div class="relatedBrandWrapper flex justify-center py-15 lg:py-0 border-b border-gray-light lg:border-0 w-full lg:w-auto"><ul class="list flex items-center"><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://www.pgbrandsaver.com" target="_blank" title="P&G BrandSaver" href="https://www.pgbrandsaver.com" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Get rewards and coupons at P&G BrandSaver" target="" aria-label="Get rewards and coupons at P&G BrandSaver" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/6lYV52kjplVM6e3P8Pyf4l/ed6bc744e4c0493e4802350614b80376/brandSaver_Logo_Vert_Circle__3_.png?fm=webp&q=75" title="Get rewards and coupons at P&G BrandSaver" alt="Get rewards and coupons at P&G BrandSaver" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://www.charmin.com/en-us" target="_blank" title="Charmin" href="https://www.charmin.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Charmin site" target="" aria-label="Visit the Charmin site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/54d95DSTnNdu5p1XkHTjzD/75b41a7669bf5db76209a1d523ef1e92/Charmin_Logo.png?fm=webp&q=75" title="Visit the Charmin site" alt="Visit the Charmin site" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://bountytowels.com/en-us" target="_blank" title="Bounty" href="https://bountytowels.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Bounty site" target="" aria-label="Visit the Bounty site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/6SkVNMVqJVEVRUWcuaLM3w/2490b235485d3d9bae32d19cce41e9e2/Bounty_Logo.png?fm=webp&q=75" title="Visit the Bounty site" alt="Visit the Bounty site" loading="lazy" class=""/></div></button></a></li><li class="listItemIcons font-bold lg:border-r-2 border-blue-menu px-9 lg:leading-12"><a class="link text-14 undefined event_outbound_link" data-action-detail="https://vicks.com/en-us" target="_blank" title="Vicks" href="https://vicks.com/en-us" tabindex="0"><button class="undefined undefined event_button_click" data-action-detail="Visit the Vicks site" target="" aria-label="Visit the Vicks site" type="button" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/4z5DGqY7uHHod8TNRXCr0L/e86fda1945c2413188f28e1824968802/Vicks_Logo.png?fm=webp&q=75" title="Visit the Vicks site" alt="Visit the Vicks site" loading="lazy" class=""/></div></button></a></li></ul></div><div class="bbbLogo pt-15 lg:pt-0"><a class="undefined undefined event_outbound_link" data-action-detail="Puffs is a trusted brand accredited by the Better Business Bureau" target="_blank" aria-label="Puffs is a trusted brand accredited by the Better Business Bureau" href="https://www.bbb.org/cincinnati/business-reviews/detergent/the-procter-gamble-company-in-cincinnati-oh-3036" tabindex="0"><div><img src="https://images.ctfassets.net/peceku0c8uzu/3bnR4jAAssfN7RlYcpv9jT/1a93bccc4e43fc1b3333f7588ba18980/PandG_BBB_Footer.png?fm=webp&q=75" title="Puffs is a trusted brand accredited by the Better Business Bureau" alt="Puffs is a trusted brand accredited by the Better Business Bureau" loading="lazy" class=""/></div></a></div></div><div class="mainWrapper footerLink pt-25 pb-15 lg:pt-40 lg:pb-60"><ul class="list block text-center px-10 lg:px-0">
7042<li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://accessibility.pg.com/en-US" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap" title="Accessibility Statement" data-action-detail="Accessibility Statement" tabindex="0">Accessibility Statement</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://termsandconditions.pg.com/en-us/" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Terms and Conditions" data-action-detail="Terms and Conditions" tabindex="0">Terms and Conditions</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://privacypolicy.pg.com/en-US#statePrivacyNotice" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Privacy" data-action-detail="Privacy" tabindex="0">Privacy</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://privacypolicy.pg.com/CHD-en" target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Consumer Health Data Privacy Policy" data-action-detail="Consumer Health Data Privacy Policy" tabindex="0">Consumer Health Data Privacy Policy</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="https://preferencecenter.pg.com/" target="_blank" rel="noreferrer" class="privacyLinkButton font-bold safari_only whitespace-nowrap event_outbound_link" title="Your Privacy Choices" data-action-detail="Your Privacy Choices" tabindex="0">Your Privacy Choices<div class="privacy-choice"><img src="https://images.ctfassets.net/peceku0c8uzu/4kqKMBAVGIvUFvuUPkz5Q7/9474333359d5c80b3af3cc935d20c603/privacyoptions29x14.png?fm=webp&q=75" class="adChoiceIcon inline-block pl-2 w-28" alt="Your Privacy Choices Icon"/></div></a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a class="linkButton font-bold safari_only whitespace-nowrap event_internal_link undefined event_outbound_link" data-action-detail="Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising" target="_self" title="Do Not Sell or Share My Personal Information / <br/> Opt-Out of Targeted Advertising" href="javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')" tabindex="0"><div class="" tabindex="0"><p>Do Not Sell or Share My Personal Information / <br/> Opt-Out of Targeted Advertising</p></div></a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a target="_blank" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap" title="NOTICE: We may sell your sensitive personal data." tabindex="0">NOTICE: We may sell your sensitive personal data.</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="/en-us/contact-us" target="_self" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_internal_link" title="Contact Us" data-action-detail="Contact Us" tabindex="0">Contact Us</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap"><a href="/en-us/sitemap" target="_self" rel="noreferrer" class="linkButton font-bold safari_only whitespace-nowrap event_internal_link" title="Site Map" data-action-detail="Site Map" tabindex="0">Site Map</a></li><li class="listItem text-12 lg:text-13 font-bold inline-block lg:block lg:float-left pr-15 tracking-tight whitespace-nowrap" tabindex="0"><span>© <!-- -->2026<!-- --> Procter & Gamble</span></li></ul></div></div></footer><div id="modal-root" class="quickview-blur-exclude"></div></div>
7042<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"data":{"articleListPageCollection":{"items":[]},"leaveReviewCollection":{"items":[]},"sitemapCollection":{"items":[],"__typename":"SitemapSitemapSectionCollection"},"contactUsCollection":{"items":[{"sys":{"id":"2A3UhC1q7SpFSW0OxAqMUh","__typename":"Sys"},"subTitle":null,"__typename":"ContactUs","name":"Contact Us Page","slug":"contact-us","pageMetaData":{"sys":{"id":"y68u5BV9KwyWUaimxfjHj","__typename":"Sys"},"pageTitle":" Contact Us | Puffs","metaTitle":"Contact Us | Puffs","metaDescription":"Our customer service team would love to assist you with any questions! Check out our FAQs, or reach out to let us know how we can help you by email or phone.","canonicalUrl":"/en-us/contact-us","metaKeywords":null,"openGraphDescription":null,"openGraphImage":null,"openGraphPageTitle":null},"iFrameUrl":"https://consumersupport.pg.com/carehub?brand=Puffs\u0026amp;language=en\u0026amp;country=us\u0026amp;GTIN=undefined\u0026amp;username=undefined?brand=Puffs\u0026amp;language=en\u0026amp;country=us\u0026amp;GTIN=undefined\u0026amp;username=undefined","breadcrumbTitle":"Contact Us","title":"PUFFS"}],"__typename":"ContactUsCollection"},"reviewGuidelinesCollection":{"items":[]}},"isPreview":false,"locale":"en-us"},"header":{"items":[{"primaryNavCollection":{"items":[{"menuSlotsCollection":{"items":[]},"menuText":"SAVE","menuLink":"/en-us/offer-main-section/offers-and-promotions"},{"menuSlotsCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2PCmxCA26g47ZmASIaYI74","type":"Entry","createdAt":"2020-12-28T12:14:48.302Z","updatedAt":"2020-12-28T12:14:48.302Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":6,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products","name":"Puffs-header-buy-mobileslot-1","slotTitle":"Shop All","styles":"mobile_enabled","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6806Nwv1sXrgJyr505VnL8","type":"Entry","createdAt":"2020-12-28T02:41:47.798Z","updatedAt":"2023-09-27T10:04:33.174Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/lotion-tissue/puffs-plus-lotion","name":"Explore Plus Lotion","slotTitle":"Plus Lotion","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"49XaAzOjdBARsD4GNJoZQX","type":"Asset","createdAt":"2023-09-27T10:04:26.608Z","updatedAt":"2023-10-12T07:58:25.895Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":21,"revision":2,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/49XaAzOjdBARsD4GNJoZQX/ecb2a7600a57f640e01f83016d076eef/Plus_Lotion.png","title":"Plus Lotion"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"13K8Bfoyc0fjioKhJoDj5e","type":"Entry","createdAt":"2020-12-28T02:44:57.293Z","updatedAt":"2024-06-13T05:34:03.484Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":14,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/non-lotion-tissue/puffs-ultra-soft","name":"Explore Ultra Soft","slotTitle":"Ultra Soft","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7qYMx1XFMy0zrH52mWSiFQ","type":"Asset","createdAt":"2024-06-13T05:34:55.785Z","updatedAt":"2024-06-13T05:34:55.785Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/7qYMx1XFMy0zrH52mWSiFQ/8f896c07c6c5bb6cbaf5aa6cfb68ecbb/PUFFS_24_US_Cube_LV_Beauty_1__2_.png","title":"Ultra Soft"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"44jLLYSqYocYmBxDPi4O9H","type":"Entry","createdAt":"2020-12-28T12:06:44.405Z","updatedAt":"2023-09-27T10:01:36.029Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/shop-products/lotion-tissue/puffs-plus-lotion-with-the-scent-of-vicks","name":"Plus L
7042otion with the Scent of Vicks®","slotTitle":"Plus Lotion with the Scent of Vicks®","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6P6eH5E8ROEbTndZsKIB5R","type":"Asset","createdAt":"2023-09-27T10:01:30.752Z","updatedAt":"2023-10-12T07:58:25.889Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/6P6eH5E8ROEbTndZsKIB5R/bb903fc3ee84e45e974a56f4fbec38de/Vicks__1_.png","title":"Vicks"}}]},"menuText":"BUY","menuLink":"/en-us/shop-products"},{"menuSlotsCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"plS8jo8yCGC5egYXJcLFA","type":"Entry","createdAt":"2020-12-28T12:23:00.592Z","updatedAt":"2020-12-28T12:23:34.229Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs","name":"Mobile-Explore All","slotTitle":"Explore All","styles":"mobile_enabled","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6tfbnUIVYk92ZIbtcXcZDZ","type":"Entry","createdAt":"2020-12-28T03:31:55.469Z","updatedAt":"2020-12-28T03:31:55.469Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/puffs-history","name":"History","slotTitle":"History","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7CEkgSoFUlz2BqM29C5Dxg","type":"Entry","createdAt":"2022-08-05T10:07:56.499Z","updatedAt":"2022-08-05T10:25:14.202Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/ingredients","name":"Ingredients","slotTitle":"Ingredients","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"28N7Y2bvUMd99CT30QlIEp","type":"Entry","createdAt":"2020-12-28T12:16:27.109Z","updatedAt":"2020-12-28T12:16:27.109Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/frequently-asked-questions","name":"FAQs","slotTitle":"FAQs","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"59M1v8xJQYdcUJKfFCZWNp","type":"Entry","createdAt":"2020-12-28T12:18:01.785Z","updatedAt":"2020-12-28T12:18:01.785Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":6,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/experience-main-section/sustainability","name":"Sustainability","slotTitle":"Sustainability","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7EEKCNj7FJJak7qW4msBpQ","type":"Entry","createdAt":"2020-12-28T12:19:13.347Z","updatedAt":"2020-12-28T12:19:13.347Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/facial-tissue-ratings-reviews","name":"Leave a Review","slotTitle":"Leave a Review","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3kd0lLMm9IjZ99UydT9E4O","type":"Entry","createdAt":"2020-12-28T12:20:05.948Z","updatedAt":"2020-12-28T12:20:05.948Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"}
7042,"link":"/en-us/tips-and-articles","name":"Tips \u0026 Articles","slotTitle":"Tips \u0026 Articles","image":null},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6WuXwoqiAKs21WOJ7BjMHB","type":"Entry","createdAt":"2020-12-28T12:21:04.571Z","updatedAt":"2020-12-28T12:21:04.571Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"menuSlot"}},"locale":"en-US"},"link":"/en-us/about-puffs/meet-puffs-pals","name":"Meet the Pals","slotTitle":"Meet the Pals","image":null}]},"menuText":"DISCOVER","menuLink":"/en-us/about-puffs"}]},"name":"PG-Puffs-SiteHeader","relatedBrand":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"YgaObtXtmNSVqGE1Hd8Ts","type":"Entry","createdAt":"2020-12-24T11:53:31.003Z","updatedAt":"2020-12-24T13:30:45.982Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkContainer"}},"locale":"en-US"},"name":"Header- related brands - link container","styles":"header_related_brand","linksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5rcsg4CGvDlv4IvpQC1F4e","type":"Entry","createdAt":"2020-12-24T11:52:17.970Z","updatedAt":"2025-09-12T10:58:58.088Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":24,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Get rewards and coupons at P\u0026G Everyday","link":"https://www.pgbrandsaver.com","name":"Header- related brands - link container - pgge","tooltip":"P\u0026G BrandSaver","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3PSJfu1ccOYGTlvzdHzmL","type":"Asset","createdAt":"2025-09-12T10:58:19.404Z","updatedAt":"2025-09-12T10:58:19.404Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":3,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/3PSJfu1ccOYGTlvzdHzmL/a7ec84455abb7a4184e17d3ea7724975/HeaderLogoVertical.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"17axgDI30KH4O2jVuWiu2c","type":"Entry","createdAt":"2020-12-24T13:23:44.817Z","updatedAt":"2023-06-30T12:02:01.968Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":16,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Charmin site","link":"https://www.charmin.com/en-us","name":"Header- related brands - link container - charmin","tooltip":"Charmin","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3ez0frxJG5knPyVjktwW8q","type":"Asset","createdAt":"2020-12-24T13:22:44.831Z","updatedAt":"2020-12-24T13:22:44.831Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/3ez0frxJG5knPyVjktwW8q/868a717c5bd8152231c1ee42190ea003/Charmin_Logo.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4fgRlVCe2dC7mrQ1hfnsh5","type":"Entry","createdAt":"2020-12-24T13:26:03.077Z","updatedAt":"2023-06-30T12:02:01.937Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Bounty site","link":"https://bountytowels.com/en-us","name":"Header- related brands - link container - Bounty","tooltip":"Bounty","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"79ajuJKcWKECDOqfwmTLU","type":"Asset","createdAt":"2020-12-24T13:25:07.497Z","updatedAt":"2020-12-24T13:25:07.497Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/79ajuJKcWKECDOqfwmTLU/e5daabc103a5d94cab93d2176d5f6cbe/Bounty_Logo.png"},"__typename":"ImageButton"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"62lVElbppkb5l9uPzBfwGj","type":"Entry","createdAt":"2020-12-24T13:27:59.534Z","updatedAt":"2023-06-30T12:02:01.902Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Vicks site","link":"https://vicks.com/en-us","name":"Header- related brands - link container - vicks","tooltip":"Vicks","image":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"1r9da4lNuLCHa4oEEEPYmT","type":"Asset","createdAt":"2020-12-24T13:27:23.256Z","updatedAt":"2020-12-24T13:27:23.256Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"url":"//images.ctfassets.net/peceku0c8uzu/1r9da4lNuLCHa4oEEEPYmT/70bde606f830e8ce9cc75a12ce0502bd/Vicks_Logo.png"},"__typename":"ImageButton"}
7042]}},"brandLogo":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2Nz2UxGWhOW4zFXbQrbkI2","type":"Entry","createdAt":"2020-12-23T04:44:31.414Z","updatedAt":"2023-10-12T07:57:28.621Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":17,"revision":6,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"image"}},"locale":"en-US"},"image":{"url":"//images.ctfassets.net/peceku0c8uzu/18a1Ii0r2Ux9H6mt5sZ8Sx/95093144b6175fe8c452c9774fa46ac0/Home_Nav_01.png"},"name":"Puffs-logo","tooltip":"Puffs","altText":"Puffs home"}}]},"footer":{"items":[{"footerLinksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3jT2JAye95B4ZBThCkZt19","type":"Entry","createdAt":"2020-12-28T11:59:51.196Z","updatedAt":"2022-06-06T09:58:17.058Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Terms and Conditions","linkText":"Terms and Conditions","link":"https://termsandconditions.pg.com/en-us/","gaEventClass":"event_outbound_link","gaEventLabel":"Terms and Conditions"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"55rDEbE1SGyqQyR3dlVk1F","type":"Entry","createdAt":"2020-12-28T11:59:51.124Z","updatedAt":"2024-03-12T10:35:05.802Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":13,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Privacy","linkText":"Privacy","gaEventClass":"event_outbound_link","gaEventLabel":"Privacy","appendix":"statePrivacyNotice"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"7MYwUsBTMQwyKUKzDU6gBH","type":"Entry","createdAt":"2024-03-12T10:34:34.364Z","updatedAt":"2024-03-12T10:34:47.065Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":7,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Consumer Health Data Privacy Policy","linkText":"Consumer Health Data Privacy Policy","mobileLinkText":"Consumer Health Data Privacy Policy","gaEventClass":"event_outbound_link","gaEventLabel":"Consumer Health Data Privacy Policy"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5Vy6x2HNBJxN36krOKICbY","type":"Entry","createdAt":"2022-11-25T05:19:14.471Z","updatedAt":"2022-11-25T05:19:14.471Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Your Privacy Choices","linkText":"Your Privacy Choices","link":"https://preferencecenter.pg.com/","gaEventClass":"event_outbound_link","gaEventLabel":"Your Privacy Choices"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"54N5bgXBZjKM7l8OREkSSn","type":"Entry","createdAt":"2023-07-10T07:27:08.246Z","updatedAt":"2023-07-10T07:27:08.246Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Do Not Sell or Share (Do not Change)","linkText":"Do Not Sell or Share My Personal Information / \u003cbr/\u003e Opt-Out of Targeted Advertising","link":"javascript:void(0)","tooltip":"Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Do Not Sell or Share My Personal Information / Opt-Out of Targeted Advertising"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"1FJASxJ03Rkc937Ol3yBoJ","type":"Entry","createdAt":"2024-06-27T10:48:35.512Z","updatedAt":"2024-06-27T10:48:35.512Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":2,"revision":1,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"NOTICE: We may sell your sensitive personal data.","linkText":"NOTICE: We may sell your sensitive personal data."},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"LsGIr57FrL4olgYYhWjMb","type":"Entry","createdAt":"2020-12-28T11:59:50.915Z","updatedAt":"2021-02-15T08:00:25.656Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Contact Us","linkText":"Contact Us","link":"/en-us/contact-us","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Contact Us"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4ImHap42WriiNcfzn3jpWX","type":"Entry","createdAt":"2020-12-28T11:59:50.949Z","updatedAt":"2021-02-15T07:59:43.081Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":5,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Site Map","linkText":"Site Map","link":"/en-us/sitemap","target":"_self","gaEventClass":"event_internal_link","gaEventLabel":"Site Map"},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"jszfRBS50Cy7oVdULnhOa","type":"Entry","createdAt":"2020-12-29T04:32:33.885Z","updatedAt":"2021-02-08T02:31:46.657Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"linkButton"}},"locale":"en-US"},"name":"Copyrights","linkText":" © 2021 Procter \u0026 Gamble"}]}
7042,"socialConnect":{"linksCollection":{"items":[{"name":"Facebook_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/uCXtUWRB3mid9dpE2qH42/ae8b2407c7f27d91ae8d0c123b860fc2/fb.svg","title":"Facebook"},"altText":"Visit our Facebook page","link":"https://www.facebook.com/Puffs/","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Facebook","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3NZLCtbxN66aIA7ttwSutY","type":"Entry","createdAt":"2020-12-28T11:59:51.474Z","updatedAt":"2023-06-30T12:02:01.868Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Twitter_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/oBqSbFl084PXiKvpA7zvL/4ff9cf3221bd5993bed800a6c79fc064/twitter.svg","title":"Twitter"},"altText":"Visit our Twitter feed","link":"https://twitter.com/puffs","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Twitter","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"5DLR6im8EyArT5iAHA3Q6h","type":"Entry","createdAt":"2020-12-28T11:59:51.450Z","updatedAt":"2023-06-30T12:02:01.835Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Youtube_Icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/1zk1eXRdzF1YXpgSe1WMaL/8bb553dc4fbdd6143cc4d9d2933bc91b/youtube.svg","title":"Youtube"},"altText":"Visit our Youtube channel","link":"https://www.youtube.com/user/PGPuffsTissues","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Youtube","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"6ziGHSlMsNur24RwywNFrh","type":"Entry","createdAt":"2020-12-28T11:59:51.211Z","updatedAt":"2023-06-30T12:02:01.798Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":9,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}},{"name":"Instagram_icon","image":{"url":"//images.ctfassets.net/peceku0c8uzu/1OOWKTI7mg0MKs26ReuOEs/9a11f9fff34e97f6d980863874c20c8c/insta.svg","title":"puff_Instagram_icon"},"altText":"Visit our Instagram page","link":"http://instagram.com/puffstissues/?hl=en","gaEventClass":"event_socialmedia_exit","gaEventLabel":"Instagram","sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"2heL8DKOQ2cs4xCy0pQMwt","type":"Entry","createdAt":"2020-12-28T11:59:51.622Z","updatedAt":"2023-06-30T12:02:01.762Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"}}]},"text":"Connect with us","name":"Footer- social connect"},"relatedBrandCollection":{"items":[{"linksCollection":{"items":[{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"4Wl78h9aczzyQUmAh0nolA","type":"Entry","createdAt":"2020-12-28T11:59:54.196Z","updatedAt":"2025-09-18T12:50:49.258Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":30,"revision":7,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Get rewards and coupons at P\u0026G BrandSaver","link":"https://www.pgbrandsaver.com","linkText":"P\u0026G BrandSaver","name":"Footer-related-brands-pgge","image":{"url":"//images.ctfassets.net/peceku0c8uzu/6lYV52kjplVM6e3P8Pyf4l/ed6bc744e4c0493e4802350614b80376/brandSaver_Logo_Vert_Circle__3_.png","title":"brandSaver Logo Vert Circle (3)"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"dhUPbPVe5R7j3WqpWdEyo","type":"Entry","createdAt":"2020-12-28T11:59:50.894Z","updatedAt":"2023-06-30T12:02:01.692Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Charmin site","link":"https://www.charmin.com/en-us","linkText":"Charmin","name":"Footer-related-brands-Charmin","image":{"url":"//images.ctfassets.net/peceku0c8uzu/54d95DSTnNdu5p1XkHTjzD/75b41a7669bf5db76209a1d523ef1e92/Charmin_Logo.png","t
7042itle":"Footer- related brands - link container - Charmin -image"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"60CCiF52kYZJd1niAeDrFj","type":"Entry","createdAt":"2020-12-28T11:57:56.120Z","updatedAt":"2023-06-30T12:02:01.654Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":11,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Bounty site","link":"https://bountytowels.com/en-us","linkText":"Bounty","name":"Footer-related-brands-Bounty","image":{"url":"//images.ctfassets.net/peceku0c8uzu/6SkVNMVqJVEVRUWcuaLM3w/2490b235485d3d9bae32d19cce41e9e2/Bounty_Logo.png","title":"Footer-related-brands-bounty-image"}},{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"3ti04M7ghDIDUWGlH2u1LU","type":"Entry","createdAt":"2020-12-28T11:59:11.975Z","updatedAt":"2023-06-30T12:02:01.599Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":4,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Visit the Vicks site","link":"https://vicks.com/en-us","linkText":"Vicks","name":"Footer-related-brands-Vicks","image":{"url":"//images.ctfassets.net/peceku0c8uzu/4z5DGqY7uHHod8TNRXCr0L/e86fda1945c2413188f28e1824968802/Vicks_Logo.png","title":"Footer-relatedbrands-vicks-image"}}]},"name":"Footer-related-brands"}]},"name":"PG-Puffs-SiteFooter","badgeSection":{"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"peceku0c8uzu"}},"id":"eR9i7LivVCG0bGTYEvaMj","type":"Entry","createdAt":"2020-12-29T05:21:21.720Z","updatedAt":"2023-06-30T12:02:01.022Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":3,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"imageButton"}},"locale":"en-US"},"altText":"Puffs is a trusted brand accredited by the Better Business Bureau","link":"https://www.bbb.org/cincinnati/business-reviews/detergent/the-procter-gamble-company-in-cincinnati-oh-3036","linkText":"Puffs is a trusted brand accredited by the Better Business Bureau","name":"Badge_Section","target":"_blank","image":{"title":"BBB_Logo","url":"//images.ctfassets.net/peceku0c8uzu/3bnR4jAAssfN7RlYcpv9jT/1a93bccc4e43fc1b3333f7588ba18980/PandG_BBB_Footer.png"}},"copyright":"© 2020 Procter \u0026 Gamble"}]},"privacyLink":{"link":"https://privacypolicy.pg.com/en-US#statePrivacyNotice","text":"Privacy"},"CHDPrivacyLink":{"link":"https://privacypolicy.pg.com/CHD-en","text":"Consumer Health Data Privacy Policy"},"__N_SSG":true},"page":"/[lang]/[parent]","query":{"lang":"en-us","parent":"contact-us"},"buildId":"w67h6m4zv4l_CaNRwA4rH","isFallback":false,"dynamicIds":[4949,3830,6526,8075,2369],"gsp":true,"appGip":true,"scriptLoader":[]}</script>
7042</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.