.material-accordion{padding-right:20px;padding-left:20px;color:#fff;background-color:#000}.atelier-page .material-accordion{color:#000;background-color:transparent}@media screen and (min-width:1600px){.atelier-page .material-accordion{display:flex;flex-direction:column;justify-content:center;min-height:100vh}}.material-accordion__tabs{display:flex;gap:8px;align-items:center;margin-bottom:16px;margin-left:calc(100% / 3)}.material-accordion__tab{padding:0;font-size:16px;line-height:1;font-weight:800;letter-spacing:-.16px;color:#ffffff7f;text-transform:uppercase;background:none;border:none;cursor:pointer;transition:color .2s ease}.atelier-page .material-accordion__tab{font-family:var(--font-heading--family);color:#0000007f}.material-accordion__tab--active,.material-accordion__tab:hover{color:#fff}.atelier-page .material-accordion__tab--active,.atelier-page .material-accordion__tab:hover{color:#000}.material-accordion__tab-divider{font-family:var(--font-heading--family);font-size:16px;line-height:100%;font-weight:800;color:#ffffff4d}.material-accordion__list{display:block;border-bottom:1px solid rgb(255 255 255 / 30%)}.atelier-page .material-accordion__list{border-top:1px solid rgb(0 0 0 / 30%)}.material-accordion__item{border-top:1px solid rgb(255 255 255 / 30%)}.atelier-page .material-accordion__item{border-bottom:1px solid rgb(0 0 0 / 30%)}.material-accordion__item-header{display:flex;gap:20px;align-items:center;width:100%;padding:16px 0;list-style:none;border:0;cursor:pointer;scroll-margin-top:var(--header-group-height, 0px)}.material-accordion__item-header::-webkit-details-marker{display:none}.material-accordion__item-header::marker{content:"";display:none}.material-accordion__item-number{width:130px;font-size:clamp(40px,calc(40px + (100 - 40) * ((100vw - 375px) / (1440 - 375))),100px);line-height:clamp(34px,calc(34px + (100 - 34) * ((100vw - 375px) / (1440 - 375))),100px);font-weight:900;letter-spacing:clamp(-2px,calc(-1.2px + (-2 - (-1.2)) * ((100vw - 375px) / (1440 - 375))),-1.2px);color:#ffffff4d;text-transform:uppercase}.atelier-page .material-accordion__item-number{color:#0000004d}.material-accordion__item-name{flex:1;margin-left:calc(100% / 3 - 150px);font-size:clamp(40px,calc(40px + (100 - 40) * ((100vw - 375px) / (1440 - 375))),100px);line-height:clamp(34px,calc(34px + (100 - 34) * ((100vw - 375px) / (1440 - 375))),100px);font-weight:900;letter-spacing:clamp(-2px,calc(-1.2px + (-2 - (-1.2)) * ((100vw - 375px) / (1440 - 375))),-1.2px);color:#fff;text-transform:uppercase}.material-accordion__item-toggle{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:64px;height:64px;color:#fff;border:1px solid rgb(255 255 255 / 30%);border-radius:50%;transition:transform .3s ease}.atelier-page .material-accordion__item-name,.atelier-page .material-accordion__item-toggle{color:#000}.atelier-page .material-accordion__item-toggle{border:1px solid rgb(0 0 0 / 30%)}.material-accordion__item-toggle svg{width:35px;height:35px}.material-accordion__toggle-v{transition:transform .3s ease,opacity .3s ease;transform-origin:center}.material-accordion__item[open] .material-accordion__toggle-v{opacity:0;transform:rotate(90deg)}.material-accordion__item-content{padding-bottom:40px;padding-left:calc(100% / 3);animation:material-accordion-open .3s ease;overflow:hidden}.material-accordion__item-image{width:100%;max-width:927px;margin-bottom:16px}.material-accordion__item-image img{display:block;width:100%;aspect-ratio:927 / 497;object-fit:cover;object-position:center}.material-accordion__item-description{font-size:16px;line-height:1.5;font-weight:400;color:#ffffffe5}.atelier-page .material-accordion__item-description{color:#000000e5}.material-accordion__item-description p{margin:0 0 16px}.material-accordion__item-description p:last-child{margin-bottom:0}@keyframes material-accordion-open{0%{max-height:0;opacity:0}to{max-height:1200px;opacity:1}}.material-accordion__item:not([open]) .material-accordion__item-content{display:none}.material-accordion__item--hidden{display:none}@media(min-width:1700px){.bridal-page .material-accordion{--number-width: clamp(130px, calc(130px + .1*(100vw - 1700px)) , 360px);padding-top:clamp(var(--padding-top-desktop),calc(var(--padding-top-desktop) * (1 + 1.778 * ((100vw - 1700px) / 2300px))),calc(var(--padding-top-desktop) * 2.778));padding-bottom:clamp(var(--padding-bottom-desktop),calc(var(--padding-bottom-desktop) * (1 + 1.778 * ((100vw - 1700px) / 2300px))),calc(var(--padding-bottom-desktop) * 2.778))}.bridal-page .material-accordion__tab{font-size:clamp(16px,calc(16px + 28 * ((100vw - 1700px) / 2300)),44px);letter-spacing:clamp(-.44px,calc(-.16px + (-.28) * ((100vw - 1700px) / 2300)),-.16px)}.bridal-page .material-accordion__tab-divider{font-size:clamp(16px,calc(16px + 28 * ((100vw - 1700px) / 2300)),44px)}.bridal-page .material-accordion__item-number{width:var(--number-width);font-size:clamp(100px,calc(100px + 178 * ((100vw - 1700px) / 2300)),278px);line-height:clamp(100px,calc(100px + 178 * ((100vw - 1700px) / 2300)),278px);letter-spacing:clamp(-5.56px,calc(-2px + (-3.56) * ((100vw - 1700px) / 2300)),-2px)}.bridal-page .material-accordion__item-name{margin-left:calc(100% / 3 - var(--number-width) - 20px);font-size:clamp(100px,calc(100px + 178 * ((100vw - 1700px) / 2300)),278px);line-height:clamp(100px,calc(100px + 178 * ((100vw - 1700px) / 2300)),278px);letter-spacing:clamp(-5.56px,calc(-2px + (-3.56) * ((100vw - 1700px) / 2300)),-2px)}.bridal-page .material-accordion__item-description{font-size:clamp(16px,calc(16px + 28 * ((100vw - 1700px) / 2300)),44px)}.bridal-page .material-accordion__item-image{max-width:clamp(927px,calc(927px + 1622 * ((100vw - 1700px) / 2300)),2549px)}.bridal-page .material-accordion__item-toggle{width:clamp(64px,calc(64px + 112 * ((100vw - 1700px) / 2300)),176px);height:clamp(64px,calc(64px + 112 * ((100vw - 1700px) / 2300)),176px)}.bridal-page .material-accordion__item-toggle svg{width:clamp(35px,calc(35px + 61 * ((100vw - 1700px) / 2300)),96px);height:clamp(35px,calc(35px + 61 * ((100vw - 1700px) / 2300)),96px)}}@media(max-width:1023px){.material-accordion__item-toggle{width:48px;height:48px}.material-accordion__item-toggle svg{width:24px;height:24px}.material-accordion__item-image{max-width:100%;margin-bottom:24px}.material-accordion__item-description{max-width:100%}}@media(max-width:749px){.material-accordion__item-header{gap:13px}.material-accordion__item-number{display:none}.material-accordion__item-name,.material-accordion__tabs{margin-left:0}.material-accordion__item-content{padding-left:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/material-accordion.css.map */