.text-block-expandable-wrapper{width:100%;box-sizing:border-box;height:var(--block-height, 100%);overflow:hidden}.text-block-expandable-wrapper .title-text{font-family:HelveticaNowDisplay;font-weight:400}.text-block-expandable-wrapper .text-block-expandable-image{width:100%;overflow:hidden;position:relative}.text-block-expandable-wrapper .text-block-expandable-image .image-mob,.text-block-expandable-wrapper .text-block-expandable-image .image-pad,.text-block-expandable-wrapper .text-block-expandable-image .image-pc{width:100%;height:100%}.text-block-expandable-wrapper .text-block-expandable-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.text-block-expandable-wrapper .text-block-expandable-image .image-pad,.text-block-expandable-wrapper .text-block-expandable-image .image-pc{display:none}.text-block-expandable-wrapper .text-block-expandable-image .image-mob{display:block}.text-block-expandable-wrapper .text-block-expandable-content{width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--content-padding-mobile, var(--content-padding-tablet, var(--content-padding-desktop, 0)));height:100%;min-height:0}.text-block-expandable-wrapper .text-block-expandable-body{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.text-block-expandable-wrapper .text-block-expandable-body::-webkit-scrollbar{width:0;height:0;display:none}.text-block-expandable-wrapper .text-block-expandable-title{display:inline-flex;align-items:center;border-radius:100px;gap:var(--title-gap, 8px);width:fit-content}.text-block-expandable-wrapper .text-block-expandable-title .sequence-number{display:inline-flex;align-items:center;justify-content:center;width:var( --sequence-number-size-mobile, var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px)) );height:var( --sequence-number-size-mobile, var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px)) );border-radius:var( --sequence-number-border-radius-mobile, var(--sequence-number-border-radius-tablet, var(--sequence-number-border-radius-desktop, 100px)) );background-color:var( --sequence-number-bg-color-mobile, var(--sequence-number-bg-color-tablet, var(--sequence-number-bg-color-desktop, #ffffff)) );color:var( --sequence-number-text-color-mobile, var(--sequence-number-text-color-tablet, var(--sequence-number-text-color-desktop, #000000)) );font-size:var( --sequence-number-font-size-mobile, var(--sequence-number-font-size-tablet, var(--sequence-number-font-size-desktop, 14px)) );font-weight:700;padding:0 4px}.text-block-expandable-wrapper .text-block-expandable-text-1,.text-block-expandable-wrapper .text-block-expandable-text-2{margin:0}.text-block-expandable-wrapper .text-block-expandable-text-2{font-family:HelveticaNowDisplay;font-weight:400;overflow:hidden;max-height:0;box-sizing:content-box;opacity:0;padding-top:0;transition:max-height .36s ease,opacity .36s ease,padding-top .36s ease;will-change:max-height,opacity,padding-top}.text-block-expandable-wrapper .text-block-expandable-text-2.is-visible{display:block}.text-block-expandable-wrapper .text-block-expandable-text-2.is-expanded{opacity:1}.text-block-expandable-wrapper .text-block-expandable-button{background:none;border:none;cursor:pointer;padding:0;text-align:left;font-family:inherit}.text-block-expandable-wrapper .text-block-expandable-button:hover{opacity:.8}.text-block-expandable-wrapper .text-block-expandable-button .button-text-collapsed,.text-block-expandable-wrapper .text-block-expandable-button .button-text-expanded{display:inline}@media (min-width: 375px) and (max-width: 767px){.text-block-expandable-wrapper{display:flex;flex-direction:column}.text-block-expandable-wrapper .text-block-expandable-image{order:1;width:var(--image-width-mobile, 100%);height:var(--image-height-mobile, 300px);margin-bottom:var(--image-text-gap-mobile, 20px)}.text-block-expandable-wrapper .text-block-expandable-content{order:2;width:100%;flex:1;min-height:0;padding:var(--content-padding-mobile, 0)}.text-block-expandable-wrapper .text-block-expandable-image .image-pad,.text-block-expandable-wrapper .text-block-expandable-image .image-pc{display:none}.text-block-expandable-wrapper .text-block-expandable-image .image-mob{display:block}.text-block-expandable-wrapper .text-block-expandable-title{background-color:var( --title-bg-color-mobile, var(--title-bg-color-tablet, var(--title-bg-color-desktop, #007bff)) );color:var(--title-text-color-mobile, var(--title-text-color-tablet, var(--title-text-color-desktop, #ffffff)));font-size:var(--title-font-size-mobile, var(--title-font-size-tablet, var(--title-font-size-desktop, 16px)));padding:var(--title-padding-mobile, var(--title-padding-tablet, var(--title-padding-desktop, 8px 16px)));margin:var(--title-margin-mobile, 0);line-height:var( --title-line-height-mobile, var(--title-line-height-tablet, var(--title-line-height-desktop, 1.5)) )}.text-block-expandable-wrapper .text-block-expandable-title .sequence-number{width:var( --sequence-number-size-mobile, var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px)) );height:var( --sequence-number-size-mobile, var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px)) );border-radius:var( --sequence-number-border-radius-mobile, var(--sequence-number-border-radius-tablet, var(--sequence-number-border-radius-desktop, 100px)) );background-color:var( --sequence-number-bg-color-mobile, var(--sequence-number-bg-color-tablet, var(--sequence-number-bg-color-desktop, #ffffff)) );color:var( --sequence-number-text-color-mobile, var(--sequence-number-text-color-tablet, var(--sequence-number-text-color-desktop, #000000)) );font-size:var( --sequence-number-font-size-mobile, var(--sequence-number-font-size-tablet, var(--sequence-number-font-size-desktop, 14px)) )}.text-block-expandable-wrapper .text-block-expandable-text-1{color:var(--text-1-color-mobile, var(--text-1-color-tablet, var(--text-1-color-desktop, #000000)));font-size:var(--text-1-font-size-mobile, var(--text-1-font-size-tablet, var(--text-1-font-size-desktop, 16px)));line-height:var( --text-1-line-height-mobile, var(--text-1-line-height-tablet, var(--text-1-line-height-desktop, 1.5)) );padding:var(--text-1-padding-mobile, var(--text-1-padding-tablet, var(--text-1-padding-desktop, 0)))}.text-block-expandable-wrapper .text-block-expandable-text-2{color:var(--text-2-color-mobile, var(--text-2-color-tablet, var(--text-2-color-desktop, #000000)));font-size:var(--text-2-font-size-mobile, var(--text-2-font-size-tablet, var(--text-2-font-size-desktop, 16px)));line-height:var( --text-2-line-height-mobile, var(--text-2-line-height-tablet, var(--text-2-line-height-desktop, 1.5)) );padding:0}.text-block-expandable-wrapper .text-block-expandable-text-2.is-expanded{padding:var(--text-2-padding-mobile, var(--text-2-padding-tablet, var(--text-2-padding-desktop, 0)))}.text-block-expandable-wrapper .text-block-expandable-button{color:var(--button-text-color-mobile, var(--button-text-color-tablet, var(--button-text-color-desktop, #007bff)));font-size:var(--button-font-size-mobile, var(--button-font-size-tablet, var(--button-font-size-desktop, 16px)));padding:var(--button-padding-mobile, var(--button-padding-tablet, var(--button-padding-desktop, 0)))}}@media (min-width: 768px) and (max-width: 1279px){.text-block-expandable-wrapper{display:flex;flex-direction:column}.text-block-expandable-wrapper .text-block-expandable-image{order:1;width:var(--image-width-tablet, 100%);height:var(--image-height-tablet, var(--image-height-desktop, 400px));margin-bottom:var(--image-text-gap-tablet, var(--image-text-gap-desktop, 30px))}.text-block-expandable-wrapper .text-block-expandable-content{order:2;width:100%;flex:1;min-height:0;padding:var(--content-padding-tablet, var(--content-padding-desktop, 0))}.text-block-expandable-wrapper .text-block-expandable-image .image-pad{display:block}.text-block-expandable-wrapper .text-block-expandable-image .image-pc,.text-block-expandable-wrapper .text-block-expandable-image .image-mob{display:none}.text-block-expandable-wrapper .text-block-expandable-title{background-color:var(--title-bg-color-tablet, var(--title-bg-color-desktop, #007bff));color:var(--title-text-color-tablet, var(--title-text-color-desktop, #ffffff));font-size:var(--title-font-size-tablet, var(--title-font-size-desktop, 16px));padding:var(--title-padding-tablet, var(--title-padding-desktop, 8px 16px));margin:var(--title-margin-tablet, var(--title-margin-desktop, 0));line-height:var(--title-line-height-tablet, var(--title-line-height-desktop, 1.5))}.text-block-expandable-wrapper .text-block-expandable-title .sequence-number{width:var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px));height:var(--sequence-number-size-tablet, var(--sequence-number-size-desktop, 24px));border-radius:var(--sequence-number-border-radius-tablet, var(--sequence-number-border-radius-desktop, 100px));background-color:var(--sequence-number-bg-color-tablet, var(--sequence-number-bg-color-desktop, #ffffff));color:var(--sequence-number-text-color-tablet, var(--sequence-number-text-color-desktop, #000000));font-size:var(--sequence-number-font-size-tablet, var(--sequence-number-font-size-desktop, 14px))}.text-block-expandable-wrapper .text-block-expandable-text-1{color:var(--text-1-color-tablet, var(--text-1-color-desktop, #000000));font-size:var(--text-1-font-size-tablet, var(--text-1-font-size-desktop, 16px));line-height:var(--text-1-line-height-tablet, var(--text-1-line-height-desktop, 1.5));padding:var(--text-1-padding-tablet, var(--text-1-padding-desktop, 0))}.text-block-expandable-wrapper .text-block-expandable-text-2{color:var(--text-2-color-tablet, var(--text-2-color-desktop, #000000));font-size:var(--text-2-font-size-tablet, var(--text-2-font-size-desktop, 16px));line-height:var(--text-2-line-height-tablet, var(--text-2-line-height-desktop, 1.5));padding:0}.text-block-expandable-wrapper .text-block-expandable-text-2.is-expanded{padding:var(--text-2-padding-tablet, var(--text-2-padding-desktop, 0))}.text-block-expandable-wrapper .text-block-expandable-button{color:var(--button-text-color-tablet, var(--button-text-color-desktop, #007bff));font-size:var(--button-font-size-tablet, var(--button-font-size-desktop, 16px));padding:var(--button-padding-tablet, var(--button-padding-desktop, 0))}}@media (min-width: 1280px){.text-block-expandable-wrapper{display:flex;flex-direction:row;align-items:stretch;gap:var(--image-text-gap-desktop, 40px)}.text-block-expandable-wrapper .text-block-expandable-image{order:2;min-width:0;max-width:var(--image-width-desktop, none);height:var(--image-height-desktop, 400px)}.text-block-expandable-wrapper .text-block-expandable-content{order:1;flex:1;justify-content:center;min-width:0;padding:var(--content-padding-desktop, 0);max-width:var(--content-max-width-desktop, none)}.text-block-expandable-wrapper .text-block-expandable-image .image-pad{display:none}.text-block-expandable-wrapper .text-block-expandable-image .image-pc{display:block}.text-block-expandable-wrapper .text-block-expandable-image .image-mob{display:none}.text-block-expandable-wrapper .text-block-expandable-title{background-color:var(--title-bg-color-desktop, #007bff);color:var(--title-text-color-desktop, #ffffff);font-size:var(--title-font-size-desktop, 16px);padding:var(--title-padding-desktop, 8px 16px);gap:var(--title-gap, 8px);margin:var(--title-margin-desktop, 0);line-height:var(--title-line-height-desktop, 1.5)}.text-block-expandable-wrapper .text-block-expandable-title .sequence-number{width:var(--sequence-number-size-desktop, 24px);height:var(--sequence-number-size-desktop, 24px);border-radius:var(--sequence-number-border-radius-desktop, 100px);background-color:var(--sequence-number-bg-color-desktop, #ffffff);color:var(--sequence-number-text-color-desktop, #000000);font-size:var(--sequence-number-font-size-desktop, 14px)}.text-block-expandable-wrapper .text-block-expandable-text-1{color:var(--text-1-color-desktop, #000000);font-size:var(--text-1-font-size-desktop, 16px);line-height:var(--text-1-line-height-desktop, 1.5);padding:var(--text-1-padding-desktop, 0)}.text-block-expandable-wrapper .text-block-expandable-text-2{color:var(--text-2-color-desktop, #000000);font-size:var(--text-2-font-size-desktop, 16px);line-height:var(--text-2-line-height-desktop, 1.5);padding:0}.text-block-expandable-wrapper .text-block-expandable-text-2.is-expanded{padding:var(--text-2-padding-desktop, 0)}.text-block-expandable-wrapper .text-block-expandable-button{color:var(--button-text-color-desktop, #007bff);font-size:var(--button-font-size-desktop, 16px);padding:var(--button-padding-desktop, 0)}}@media (max-width: 374px){.text-block-expandable-wrapper{display:flex;flex-direction:column}.text-block-expandable-wrapper .text-block-expandable-image{order:1;width:var(--image-width-mobile-vw, 100%);height:var(--image-height-mobile-vw, 80vw );margin-bottom:var(--image-text-gap-mobile-vw, calc(20 / 375 * 100vw))}.text-block-expandable-wrapper .text-block-expandable-content{order:2;width:100%;flex:1;min-height:0;padding:var(--content-padding-mobile-vw, 0)}.text-block-expandable-wrapper .text-block-expandable-image .image-pad,.text-block-expandable-wrapper .text-block-expandable-image .image-pc{display:none}.text-block-expandable-wrapper .text-block-expandable-image .image-mob{display:block}.text-block-expandable-wrapper .text-block-expandable-title{background-color:var( --title-bg-color-mobile, var(--title-bg-color-tablet, var(--title-bg-color-desktop, #007bff)) );color:var(--title-text-color-mobile, var(--title-text-color-tablet, var(--title-text-color-desktop, #ffffff)));gap:var(--title-gap-mobile-vw, calc(8 / 375 * 100vw));font-size:var(--title-font-size-mobile-vw, calc(14 / 375 * 100vw));padding:var(--title-padding-mobile-vw, calc(8 / 375 * 100vw) calc(16 / 375 * 100vw));margin:var(--title-margin-mobile-vw, var(--title-margin-mobile, 0));line-height:var(--title-line-height-mobile-vw, 1.5)}.text-block-expandable-wrapper .text-block-expandable-title .sequence-number{width:var(--sequence-number-size-mobile-vw, 6.4vw );height:var(--sequence-number-size-mobile-vw, 6.4vw );border-radius:var(--sequence-number-border-radius-mobile-vw, calc(100 / 375 * 100vw));background-color:var( --sequence-number-bg-color-mobile, var(--sequence-number-bg-color-tablet, var(--sequence-number-bg-color-desktop, #ffffff)) );color:var( --sequence-number-text-color-mobile, var(--sequence-number-text-color-tablet, var(--sequence-number-text-color-desktop, #000000)) );font-size:var(--sequence-number-font-size-mobile-vw, calc(14 / 375 * 100vw))}.text-block-expandable-wrapper .text-block-expandable-text-1{color:var(--text-1-color-mobile, var(--text-1-color-tablet, var(--text-1-color-desktop, #000000)));font-size:var(--text-1-font-size-mobile-vw, calc(14 / 375 * 100vw));line-height:var(--text-1-line-height-mobile-vw, 1.5);padding:var(--text-1-padding-mobile-vw, 0)}.text-block-expandable-wrapper .text-block-expandable-text-2{color:var(--text-2-color-mobile, var(--text-2-color-tablet, var(--text-2-color-desktop, #000000)));font-size:var(--text-2-font-size-mobile-vw, calc(14 / 375 * 100vw));line-height:var(--text-2-line-height-mobile-vw, 1.5);padding:0}.text-block-expandable-wrapper .text-block-expandable-text-2.is-expanded{padding:var(--text-2-padding-mobile-vw, 0)}.text-block-expandable-wrapper .text-block-expandable-button{color:var(--button-text-color-mobile, var(--button-text-color-tablet, var(--button-text-color-desktop, #007bff)));font-size:var(--button-font-size-mobile-vw, calc(14 / 375 * 100vw));padding:var(--button-padding-mobile-vw, 0)}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/text-block-expandable.css.map */