#pi-how-to{margin-top:40px;margin-bottom:60px;padding-top:80px;padding-bottom:140px}.collapsible-content{position:relative;z-index:0}.collapsible-content__grid-item-aux-bg{position:absolute;top:-80px;left:0;width:calc(100% - 100px);height:calc(100% + 160px);background-color:#d19fb8}.collapsible-section-layout{padding-bottom:5rem;padding-top:5rem}#pi-how-to .global-media-settings,#pi-how-to .global-media-settings iframe{border:0!important}@media screen and (min-width: 1040px){.collapsible-section-layout{padding-bottom:7rem;padding-top:7rem}}.collapsible-content__media--small{height:19.4rem}.collapsible-content__media--large{height:43.5rem}@media screen and (min-width: 1040px){.collapsible-content__media{padding-bottom:104%!important}.collapsible-content__media video{object-fit:cover}.collapsible-content__media--small{height:31.4rem}.collapsible-content__media--large{height:69.5rem}}@media screen and (min-width: 1040px){.collapsible-content__grid--reverse{flex-direction:row}}.collapsible-content-wrapper-narrow{margin:0 auto;padding-right:1.5rem;padding-left:1.5rem;max-width:73.4rem}.collapsible-content__header{word-break:break-word;margin-bottom:0rem}.collapsible-content__heading{margin-top:0}.collapsible-none-layout .accordion+.accordion{border-top:0}.collapsible-row-layout .accordion:not(:first-child):not(.color-background-1){margin-top:1rem}.caption-with-letter-spacing+h2{margin-top:1rem}@media screen and (min-width: 1040px){.collapsible-content .accordion{margin-top:0}}.collapsible-row-layout .accordion{border:var(--text-boxes-border-width) solid rgba(var(--color-foreground),var(--text-boxes-border-opacity));margin-bottom:1.5rem}.collapsible-row-layout .accordion summary,.collapsible-row-layout .accordion .accordion__content{padding:1.5rem}.collapsible-row-layout .accordion .accordion__content{padding-top:0}@supports not (inset: 10px){@media screen and (min-width: 1040px){.collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,.collapsible-content__grid--reverse .collapsible-content__grid-item{padding-left:5rem;padding-right:0}}@media screen and (min-width: 1240px){.collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,.collapsible-content__grid--reverse .collapsible-content__grid-item{padding-left:7rem}}}.no-padding{padding:0!important}.pi-section-collapsible_content .accordion{border:none;margin-top:0}.pi-section-collapsible_content .product__accordion .accordion__content{padding:0}.page-width-placeholder .pi-collapsible-wrapper{padding-bottom:2.4rem}@media screen and (min-width: 1040px){.pi-collapsible-wrapper{padding-left:3rem;padding-right:3rem}}.accordion summary .accordion__title{font-family:oakes-grotesk-regular;font-weight:400;font-style:normal;line-height:1.1em;letter-spacing:.01em;word-break:normal;font-size:1.5rem;margin-bottom:0}.pi-section-collapsible_content .accordion__content{font-size:1.2rem}.collapsible-content__heading{margin-bottom:0;font-family:var(--font-body-family);font-size:2rem}.pi-collapsible-content__wrapper-page-with{padding-left:1.9rem;padding-right:1.9rem}.accordion__content>*{font-size:1.2rem;font-style:normal;font-weight:400;line-height:20px}.collapsible-content__pargraph{font-size:16px;font-style:normal;line-height:22px;line-height:1.5;margin-bottom:35px;max-width:400px}.pi-collapsible-wrapper{display:flex;flex-direction:column;justify-content:center}#pi-how-to .pi-pattern-svg{top:unset;bottom:-80px}.collapsible-content__heading{margin-bottom:0rem;font-size:60px;line-height:1.1em;max-width:400px}@media screen and (min-width: 1040px){.collapsible-content__heading--template-product-quench{font-size:2rem}.accordion summary .accordion__title{font-size:1.6rem;letter-spacing:.32px;line-height:18px}.pi-collapsible-content__wrapper-page-with{padding:0}.accordion__content>*{font-size:1.5rem}.pi-collapsible-content-video .grid__item{width:calc(55% - var(--grid-desktop-horizontal-spacing) / 2)}.pi-collapsible-content-video .grid__item+.grid__item{width:calc(45% - var(--grid-desktop-horizontal-spacing) / 2)}}@media screen and (min-width: 1240px){.pi-collapsible-wrapper{padding-left:6.7rem;padding-right:7.5rem}}.pi-collapsible-wrapper svg{width:8px;height:8px;color:initial;margin-top:6px}.pi-section-collapsible_content .accordion summary{align-items:start;justify-content:space-between}.pi-collapsible-wrapper Details .icon-minus{display:none}.pi-collapsible-wrapper Details[open] .icon-minus{display:block}.pi-collapsible-wrapper Details .icon-plus{display:block}.pi-collapsible-wrapper Details[open] .icon-plus{display:none}.pi-pdp__accordion summary{align-items:center}@media screen and (max-width: 1039px){#pi-how-to{padding-bottom:0}#pi-how-to .pi-pattern-svg{display:none}.pi-collapsible-wrapper{margin-top:60px}.pi-collapsible-content-video{padding-top:40px}.page-width-placeholder .pi-collapsible-wrapper{padding-top:3.5rem}.co--pdp--sub-hero--2>div .accordion__content{padding-top:1rem}.co--pdp--sub-hero--2>div .accordion__content p{line-height:1.5;font-size:12px}}.pi-collapsible-content-video .deferred-media__poster{position:absolute}.pi-collapsible-content-video iframe.js-youtube{width:100%;height:100%;aspect-ratio:.8;position:absolute}.pi-collapsible-content-video .deferred-media__poster-button{background:transparent;border:2px solid;color:#fff;width:8rem;height:8rem}.pi-collapsible-content-video .deferred-media__poster-button .icon{width:4rem;height:4rem}.collapsible-content--template--product--quench .accordion summary .accordion__title{line-height:1.5;max-width:calc(100% - 3rem)}.collapsible-content--template--product--quench .accordion__content{max-width:calc(100% - 3rem)}.collapsible-content--template--product--quench .accordion__content>*{font-size:1.2rem}@media (min-width: 1040px){.collapsible-content--template--product--quench .accordion__content>*{font-size:1.2rem}}@media screen and (max-width: 1040px){.collapsible-content__grid-item-aux-bg{top:-30px;left:-20px;width:calc(100% - 20px);height:calc(100% + 60px)}}@media screen and (max-width: 749px){#pi-how-to{padding-top:20px}.pi-collapsible-wrapper{padding-top:0!important}.collapsible-content__heading{font-size:32px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/pi-collapsible-content.css.map */