.fa-pillars{padding:var(--fa-sp-16) var(--fa-gutter)}.fa-pillars__wrap{position:relative;max-width:1280px;margin:0 auto;min-height:660px;border:1px solid var(--fa-line);border-radius:24px;overflow:hidden;clip-path:inset(0 round 24px);isolation:isolate;box-shadow:0 12px 36px #1f1f210f}.fa-pillars__item{display:contents}.fa-pillars__pane{position:absolute;top:0;bottom:0;left:0;width:var(--fa-pane-w, calc(100% - 210px) );transform:translate3d(var(--fa-pane-x, 0),0,0);opacity:0;pointer-events:none;padding:30px 34px;background:none;box-shadow:none;transition:opacity .15s cubic-bezier(.2,.8,.2,1)}.fa-pillars__item.is-open .fa-pillars__pane{opacity:1;pointer-events:auto;transition:opacity .15s cubic-bezier(.2,.8,.2,1) 62ms}.fa-pillars__num{position:absolute;top:30px;left:34px;font-family:var(--fa-font-body);font-weight:600;font-size:26px;color:#121212}.fa-pillars__openinner{display:block;margin-left:150px}.fa-pillars__openinner img{display:block;width:100%;max-width:720px;height:390px;background:#edf1f1;object-fit:cover;object-position:center top;border-radius:14px}.fa-pillars__title{display:block;font-family:var(--fa-font-head);font-weight:700;font-size:24px;line-height:1.5;margin:22px 0 12px;color:#121212}.fa-pillars__text{display:block;font-size:15px;line-height:1.6;color:var(--fa-ink);margin:0;max-width:600px}.fa-pillars__rail{position:absolute;top:0;bottom:0;left:0;width:70px;transform:translate3d(var(--fa-rail-x, 0),0,0);z-index:var(--fa-rail-z, 10);display:flex;flex-direction:column;align-items:center;margin:0;border:0;padding:30px 0;font:inherit;color:inherit;text-align:center;cursor:pointer;background:linear-gradient(158deg,#f7f9f9f5,#e7ecece6);box-shadow:14px 0 26px -10px #0000002b,inset 0 0 0 1px #fff9,inset 0 3px 3px #fffffff2,inset 0 -3px 4px #ffffffb8,inset -18px 0 20px -12px #ffffffeb,inset 11px 0 15px -9px #ffffff80,inset 9px 0 18px -6px #46525229,inset 0 -20px 32px #7884842e;will-change:transform;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .15s cubic-bezier(.2,.8,.2,1)}.fa-pillars__rail:hover{filter:brightness(1.03)}.fa-pillars__item.is-open .fa-pillars__rail{opacity:0;pointer-events:none}.fa-pillars__cnum{display:block;font-family:var(--fa-font-body);font-weight:600;font-size:26px;color:#121212}.fa-pillars__spacer{display:block;flex:1}.fa-pillars__vtitle{display:block;writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--fa-font-head);font-weight:700;font-size:26px;line-height:1.5;margin:0 0 18px;color:#121212;white-space:nowrap;letter-spacing:.01em}.fa-pillars__toggle{cursor:inherit}.fa-pillars__toggle--open{position:absolute;right:34px;bottom:30px}@media screen and (min-width:1181px){.fa-pillars__openinner{margin-top:46px}}@media screen and (min-width:769px)and (max-width:1180px){.fa-pillars__wrap{min-height:500px}.fa-pillars__pane{padding-bottom:88px}.fa-pillars__openinner{margin-left:56px}.fa-pillars__openinner img{height:300px;aspect-ratio:auto}.fa-pillars__vtitle{font-size:20px}}@media screen and (max-width:768px){.fa-pillars{padding:24px 16px 64px}.fa-pillars__wrap{display:flex;flex-direction:column;max-width:none;min-height:0;height:auto;border-radius:24px;overflow:hidden;clip-path:none;isolation:isolate}.fa-pillars__item{display:block;position:relative;width:100%}.fa-pillars__rail{position:static;width:100%;transform:none;flex-direction:row;align-items:center;min-height:64px;height:64px;padding:0 20px;gap:14px;background:linear-gradient(158deg,#f7f9f9f5,#e7ecece6);box-shadow:0 14px 26px -10px #0000002b,inset 0 0 0 1px #fff9,inset 3px 0 3px #fffffff2,inset -3px 0 4px #ffffffb8,inset 0 -18px 20px -12px #ffffffeb,inset 0 11px 15px -9px #ffffff80,inset 0 9px 18px -6px #46525229,inset -20px 0 32px #7884842e}.fa-pillars__item.is-open .fa-pillars__rail{display:none}.fa-pillars__pane{position:static;width:auto;transform:none;opacity:1;pointer-events:auto;display:none;padding:24px;background:#fff;box-shadow:none}.fa-pillars__item.is-open .fa-pillars__pane{display:block}.fa-pillars__num{position:static;display:block;margin:0 0 12px}.fa-pillars__openinner{margin-left:0}.fa-pillars__openinner img{height:auto;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.fa-pillars__cnum{font-size:20px}.fa-pillars__spacer{display:none}.fa-pillars__vtitle{writing-mode:horizontal-tb;transform:none;margin:0;font-size:18px;flex:1;letter-spacing:0;text-align:left}.fa-pillars__toggle--closed{margin-left:auto;flex-shrink:0}.fa-pillars__toggle--open{display:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/fa-pillars.css.map */