.collapsible-content-bin{--_border-color: transparent}.toggle-btn.toggle-close-icon{--_color: black;--_background: white}.toggle-btn,.toggle-div,.toggle-div.toggle-close-div{--_color: white;--_background: black}.collapsible-content-bin{--_h2: var(--h3-size);--_h3: calc(22 * var(--size));--_p: calc(22 * var(--size));--_bottom-pad: calc(12 * var(--size));--_button-height: calc(102 * var(--size));--_side-pad: calc(24 * var(--size));--_side-margin: calc(30 * var(--size));--_arrow: calc(22 * var(--size));--_arrow-top-pad: calc(50 * var(--size));--_arrow-right-pad: calc(40 * var(--size));--_plus-pad: calc(28 * var(--size));--_border-radius: 1px}@media screen and (max-width: 749px){.collapsible-content-bin{--_h2: var(--h4-size);--_h3: var(--p-size);--_p: calc(10 * var(--size));--_bottom-pad: calc(8 * var(--size));--_button-height: calc(40 * var(--size));--_side-pad: calc(12 * var(--size));--_side-margin: calc(16 * var(--size));--_arrow: calc(10 * var(--size));--_arrow-top-pad: calc(18 * var(--size));--_arrow-right-pad: calc(22 * var(--size));--_plus-pad: calc(15 * var(--size));--_border-radius: 1px}}.collapsible-content-bin h2{font-size:var(--_h2)}.collapsible-content-bin h3{font-size:var(--_h3);font-weight:500;text-transform:}.collapsible-content-bin p{font-size:var(--_p);font-weight:300}.collapsible-content-bin p a{font-weight:500}.collapsible-content-bin h2,.collapsible-content-bin h3,.collapsible-content-bin p{color:var(--_color)}.collapsible-content-bin h2{text-transform:uppercase}.collapsible-content-bin h2,.collapsible-content-bin h3{display:inline-block;margin:0}.collapsible-content-bin h3,.collapsible-content-bin p{width:80%}.collapsible-content-bin p a{text-decoration:none;color:var(--hex-grey)}.collapsible-content-bin p a:hover{text-decoration:underline}.collapsible-content-bin{position:relative}.collapsible-content-bin>div{border:1px solid transparent;border-radius:var(--_border-radius);transition:.3s ease;background-color:transparent}.collapsible-content-bin .background-image{background-size:cover;background-position:top center;background-repeat:no-repeat;position:absolute;top:0;height:100%;width:100%}.collapsible-content-bin .style-arrow *{transition:.3s ease}.collapsible-content-bin .style-arrow>div>section{background-color:var(--_color)}.collapsible-content-bin .info-container>section{border-bottom:.5px solid var(--_border-color);margin-left:var(--_side-margin);margin-right:var(--_side-margin)}.collapsible-content-bin .info-container>section:first-of-type{border-top:.5px solid var(--_border-color)}.collapsible-content-bin h2{padding-left:var(--_side-pad);padding-top:var(--_side-pad);padding-bottom:var(--_bottom-pad)}.collapsible-content-bin h3{padding-top:var(--_side-pad);padding-bottom:var(--_bottom-pad)}.collapsible-content-bin p{color:var(--_color);line-height:1.2}.collapsible-content-bin>div{border:1px solid var(--hex-grey);color:var(--hex-black, #000);border-radius:var(--_border-radius);position:relative;overflow:hidden;transition:.3s ease}.collapsible-content-bin>div{transition:.3s ease;background:var(--hex-black)}.collapsible-content-bin>div>.toggle-close-icon{background:var(--_background);border:1px solid black}.collapsible-content-bin .background-image{transition:.3s ease;opacity:1}.collapsible-content-bin.toggle-background .background-image{transition:.3s ease;opacity:0}.collapsible-content-bin .info-container{position:relative}.collapsible-content-bin .info-container>section:last-of-type{margin-bottom:var(--_side-pad)}.toggle-btn{position:relative;text-align:left;width:100%;border:none;background:transparent;padding:0;cursor:crosshair;height:var(--_button-height)}.toggle-btn>div{position:absolute;right:4px;top:10px;height:24px;border:0;background:transparent}.toggle-btn>div>section{height:1px;background-color:var(--hex-black, #000);transition:all .3s ease;border-radius:4px}.collapsible-content-bin .toggle-btn.style-plus>div>section{width:var(--_plus-pad);background-color:var(--hex-white, #fff)}.collapsible-content-bin .toggle-btn.style-plus>div>section:first-of-type{margin:8px 0}.collapsible-content-bin .toggle-btn.style-plus>div>section:last-of-type{margin:-9px 0 0!important}.collapsible-content-bin .toggle-close-icon.style-plus>div>section:last-of-type{transform:rotate(-90deg)!important}@media screen and (min-width: 750px){.collapsible-content-bin .toggle-btn>div>section{height:2px}.collapsible-content-bin .toggle-btn.style-plus>div>section:last-of-type{margin:-10px 0 0!important}}.collapsible-content-bin .toggle-btn.style-arrow>div{display:grid;grid-template-columns:1fr 1fr;top:var(--_arrow-top-pad);right:var(--_arrow-right-pad)}.collapsible-content-bin .toggle-btn>div{top:calc(50% - 9px)}.collapsible-content-bin .toggle-div{overflow:hidden;transition:max-height 3s ease}.collapsible-content-bin .info-container.toggle-div{max-height:1600px}.collapsible-content-bin .info-description.toggle-div{max-height:600px}.collapsible-content-bin .toggle-close-div{max-height:0px!important;transition:max-height 1s ease}.collapsible-content-bin .toggle-close-icon h3{color:var(--_background)}.collapsible-content-bin.single-1-display .info-container.toggle-close-div{max-height:unset!important}.collapsible-content-bin.single-1-display>div{border:0px;background:transparent}.collapsible-content-bin.single-1-display .info-container>section{margin-top:10px;margin-inline:0;padding:2% 2.5%;background:var(--hex-new-lightgrey);border-top:.5px solid var(--_border-color);border-bottom:.5px solid var(--_border-color);border-radius:var(--new-border-radius-lg)}.collapsible-content-bin.single-1-display .info-container>section h3{font-family:var(--font-fancy);color:var(--hex-new-black, #000)}.collapsible-content-bin.single-1-display .toggle-btn.style-plus>div>section{background-color:var(--hex-new-black, #000)}.collapsible-content-bin.single-1-display h2{font-size:calc(44 * var(--size));font-family:var(--font-fancy)}.collapsible-content-bin.single-1-display .heading-arrow{display:none!important}.collapsible-content-bin.single-1-display p{color:var(--hex-new-black, #000)}.collapsible-content-bin.single-1-display .info-description.toggle-div>p:first-child{margin-top:calc(16 * var(--size))}@media screen and (max-width: 749px){.collapsible-content-bin.single-1-display h2{font-size:calc(22 * var(--size))}.collapsible-content-bin.single-1-display .info-container>section{margin-inline:0;padding-inline:5%}}.collapsible-content-bin.single-2-display .info-description.toggle-close-div{max-height:unset!important}.collapsible-content-bin.single-2-display .child-btn.toggle-btn>div{display:none}.toggle-btn{--line-height: 2px;--arrow-size: calc(20 * var(--size));--plus-size: calc(28 * var(--size));--_tie-mar: calc(-2.5 * var(--size))}@media screen and (max-width: 749px){.toggle-btn{--line-height: 1px;--arrow-size: calc(10 * var(--size));--plus-size: calc(15 * var(--size));--_tie-mar: calc(-1.5 * var(--size))}}.toggle-btn{position:relative;text-align:left;width:100%;border:none;background:transparent;padding:0;cursor:crosshair}.toggle-btn>div{position:absolute;right:calc(var(--arrow-size) / 2);top:10px;font-size:var(--arrow-size);height:1em;width:1em;border:0;background:transparent}.toggle-btn>div>section{height:var(--line-height);background-color:var(--hex-darkgrey, green);transition:all .3s ease;border-radius:4px}.toggle-btn.style-arrow>div{display:grid;grid-template-columns:1fr 1fr;top:var(--_arrow-top-pad);right:var(--_arrow-right-pad)}.toggle-btn.style-arrow>div>section{width:1em}.toggle-btn.style-arrow>div>section:first-of-type{transform:rotate(36deg)!important;margin-right:var(--_tie-mar)}.toggle-btn.style-arrow>div>section:last-of-type{transform:rotate(-36deg)!important;margin-left:var(--_tie-mar)}.toggle-close-icon.style-arrow>div>section:first-of-type{transform:rotate(-36deg)!important}.toggle-close-icon.style-arrow>div>section:last-of-type{transform:rotate(36deg)!important}.toggle-btn.style-plus>div>section{width:var(--_plus-pad);background-color:var(--hex-white, #fff)}.toggle-btn.style-plus>div>section:first-of-type{margin:8px 0}.toggle-btn.style-plus>div>section:last-of-type{margin:-9px 0 0!important}.toggle-close-icon.style-plus>div>section:last-of-type{transform:rotate(-90deg)!important}@media screen and (min-width: 750px){.toggle-btn.style-plus>div>section:last-of-type{margin:-10px 0 0!important}}.{}
/*# sourceMappingURL=/cdn/shop/t/274/assets/31ko-collapsible-content.css.map */