.collapsible-content{position:relative;z-index:0}.collapsible-section-layout{padding-bottom:5rem;padding-top:5rem}@media screen and (min-width: 750px){.collapsible-section-layout{padding-bottom:7rem;padding-top:7rem}}.collapsible-content__media{background:transparent}.collapsible-content__media--small{height:19.4rem}.collapsible-content__media--medium{height:27.45rem}.collapsible-content__media--large{height:43.5rem}.collapsible-content__media img{object-fit:contain;object-position:center}@media screen and (min-width: 750px){.collapsible-content__media--small{height:31.4rem}.collapsible-content__media--medium{height:44.45rem}.collapsible-content__media--large{height:69.5rem}}@media screen and (min-width: 750px){.collapsible-content__grid--reverse{flex-direction:row-reverse}}.collapsible-content-wrapper-narrow{margin:0 auto;padding-right:1.5rem;padding-left:1.5rem;max-width:85rem}.collapsible-content__header{word-break:break-word;margin-bottom:3rem}.collapsible-content__header .image-with-text__text--caption,.rich-text__caption{color:rgb(var(--color-button));font-weight:600}.collapsible-content__heading{margin-bottom:2rem;margin-top:0}@media screen and (min-width: 750px){.collapsible-content__heading{margin-bottom:3rem}}.collapsible-none-layout .accordion+.accordion{border-top:0}.collapsible-row-layout .accordion:not(:first-child):not(.color-scheme-1){margin-top:1rem}.caption-with-letter-spacing+h2{margin-top:1rem}@media screen and (min-width: 750px){.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;transform:perspective(0)}.collapsible-row-layout .accordion summary,.collapsible-row-layout .accordion .accordion__content{padding:2rem}.collapsible-none-layout .accordion summary{padding:2rem 5rem}.collapsible-none-layout .accordion .accordion__content{margin-bottom:0;padding:1.5rem 5rem}.collapsible-none-layout .accordion summary .accordion__title:before{content:"";background:#000;display:block;width:5px;height:5px;border-radius:50%;position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%)}.collapsible-none-layout .accordion details[open] summary .accordion__title:before{background:#fff}.collapsible-row-layout .accordion details[open] summary{padding-bottom:1rem!important}.collapsible-row-layout .accordion .accordion__content{padding-top:0}.accordion:has(>details[open]){background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.accordion.content-container:has(>details[open]){background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.collapsible-none-layout .accordion:has(>details[open]){border-radius:var(--text-boxes-radius)}details[open] .accordion__title{color:rgb(var(--color-button-text))}details span.svg-wrapper svg path{transition:all .3s}details[open] span.svg-wrapper svg path{stroke:rgb(var(--color-button-text))}.svg-wrapper.icon-tooth{height:calc(var(--font-heading-scale) * 3rem);width:calc(var(--font-heading-scale) * 3rem)}.accordion details:hover{background:rgba(var(--color-foreground),.04);border-radius:var(--text-boxes-radius)}.accordion.content-container details:hover{background:rgba(var(--color-foreground),.04);border-radius:var(--text-boxes-radius)}.collapsible-none-layout .accordion details summary:after{content:"";width:calc(100% - 5rem);background:rgba(var(--color-shadow),.5);display:block;height:1px;margin:0 auto;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.collapsible-none-layout .accordion details[open] summary:after{background:rgba(var(--color-background),1)}@media screen and (max-width: 750px){.collapsible-none-layout .accordion summary .accordion__title:before{content:none}.collapsible-none-layout .accordion summary{padding:2rem}.collapsible-none-layout .accordion .accordion__content{margin-bottom:0;padding:1rem 2rem 2rem}.collapsible-none-layout .accordion summary .icon-caret{right:1.5rem}.collapsible-none-layout .accordion details summary:after{content:"";width:calc(100% - 4rem)}}@supports not (inset: 10px){@media screen and (min-width: 750px){.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: 990px){.collapsible-content__grid:not(.collapsible-content__grid--reverse) .grid__item:last-child,.collapsible-content__grid--reverse .collapsible-content__grid-item{padding-left:7rem}}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/collapsible-content.css.map */
