.bisou-mockup-section{--bm-serif: "Cormorant Garamond", Georgia, serif;--bm-mono: "Space Mono", monospace;--bm-slide: .52s cubic-bezier(.65,0,.35,1);--bm-fade: .22s ease}.bisou-mockup-section,.bisou-mockup-section *,.bisou-mockup-section *:before,.bisou-mockup-section *:after{box-sizing:border-box;margin:0;padding:0}.bisou-mockup-section{display:flex;width:100%;max-width:100%;height:37.5vw;min-height:260px;max-height:600px;overflow:hidden;border-top:.5px solid var(--bm-bd);border-bottom:.5px solid var(--bm-bd);font-family:var(--bm-serif);color:var(--bm-ink);background:var(--bm-white)}.bm-nav-strip{flex:0 0 25%;display:flex;flex-direction:column;border-right:.5px solid var(--bm-bd);background:var(--bm-white);height:100%;z-index:2;overflow:hidden;transition:flex-basis var(--bm-slide)}.bm-nav-header{flex-shrink:0;height:22%;min-height:46px;display:flex;align-items:flex-end;padding:0 1rem .75rem;border-bottom:.5px solid var(--bm-bd)}.bm-nav-title{font-family:var(--bm-serif);font-size:clamp(18px,1.8vw,28px);font-weight:400;line-height:1.12;color:var(--bm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 .5rem 0 1.6rem}.bm-nav-title em{font-style:italic}.bm-info-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.bm-info-item{flex:1;display:flex;align-items:center;justify-content:space-between;padding:0 .8rem 0 2.2rem;border-bottom:.5px solid var(--bm-bd);cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--bm-white);transition:background var(--bm-fade),color var(--bm-fade);gap:4px}.bm-info-item:last-child{border-bottom:none}.bm-info-item:hover:not(.bm-active){background:#f6f6f6}.bm-info-item.bm-active{background:var(--bm-ink)}.bm-info-item.bm-active .bm-i-name{color:var(--bm-white)}.bm-info-item.bm-active .bm-i-arr svg{stroke:#ffffff73}.bm-i-name{font-family:var(--bm-mono);font-size:clamp(11px,.95vw,16px);font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#1a1a18;transition:color var(--bm-fade);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.bm-i-arr{flex-shrink:0;display:flex;align-items:center;transition:transform var(--bm-slide)}.bm-i-arr svg{width:clamp(5px,.5vw,9px);height:clamp(9px,.9vw,16px);stroke:#ccc;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--bm-fade)}.bm-info-item:hover:not(.bm-active) .bm-i-arr svg{stroke:#888}.bm-info-item.bm-active .bm-i-arr{transform:rotate(180deg)}.bm-detail-panel{flex:0 0 0%;overflow:hidden;border-right:.5px solid transparent;background:var(--bm-white);height:100%;position:relative;transition:flex-basis var(--bm-slide),border-color var(--bm-slide)}.bisou-mockup-section.bm-open .bm-detail-panel{flex-basis:25%;border-right-color:var(--bm-bd)}.bm-d-inner{width:100%;min-width:0;box-sizing:border-box;height:100%;padding:1.3rem 1.8rem;overflow-y:auto;opacity:0;transform:translate(-6px);transition:opacity .22s .28s ease,transform .22s .28s ease}@media(min-width:1440px){.bisou-mockup-section.bm-open .bm-detail-panel{flex-basis:30%}}@media(min-width:1920px){.bisou-mockup-section.bm-open .bm-detail-panel{flex-basis:32%}}.bm-d-inner::-webkit-scrollbar{width:2px}.bm-d-inner::-webkit-scrollbar-thumb{background:#eee}.bisou-mockup-section.bm-open .bm-d-inner{opacity:1;transform:none}.bm-d-close{position:absolute;top:10px;right:12px;background:none;border:none;padding:0;font-family:var(--bm-mono);font-size:clamp(25px,1.2vw,30px);color:#bbb;cursor:pointer;line-height:1;z-index:5;transition:color var(--bm-fade)}.bm-d-close:hover{color:var(--bm-ink)}.bm-d-tag{font-family:var(--bm-mono);font-size:7px;letter-spacing:.22em;text-transform:uppercase;color:#ccc;margin-bottom:7px;margin-top:4px}.bm-d-title{font-family:var(--bm-serif);font-size:clamp(16px,1.5vw,24px);font-weight:300;line-height:1.08;color:var(--bm-ink);margin-bottom:10px}.bm-d-title em{font-style:italic}.bm-d-title p{margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;font-family:inherit}.bm-d-body{font-family:var(--bm-serif);font-size:clamp(12px,1vw,15px);color:#444;line-height:1.9}.bm-d-body p{margin-bottom:.75rem}.bm-d-body p:last-child{margin-bottom:0}.bm-d-body table{width:100%;border-collapse:separate;border-spacing:3px;margin-top:.8rem;margin-bottom:.6rem}.bm-d-body th{font-family:var(--bm-mono);font-size:clamp(7px,.65vw,9px);padding:7px 8px;text-align:center;background:#0000000f;color:var(--bm-ink);font-weight:400;letter-spacing:.08em;text-transform:uppercase;border-radius:0;line-height:1.4}.bm-d-body th:first-child{background:transparent;text-align:left}.bm-d-body td{font-family:var(--bm-mono);font-size:clamp(7px,.65vw,9px);padding:7px 8px;text-align:center;background:#00000006;color:var(--bm-ink);border-radius:0;line-height:1.4}.bm-d-body td:first-child{text-align:center;color:#999;letter-spacing:.06em;background:#0000000a;font-weight:400}.bm-mock-panel{flex:1;min-width:0;position:relative;overflow:hidden;background:var(--bm-bg-dark, #160905);height:100%}.bm-dim-svg{width:100%;max-width:160px;display:block;margin:14px auto 0}.bm-carousel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;opacity:1;transition:opacity .3s ease}.bm-carousel.bm-hidden{opacity:0;pointer-events:none}.bm-slides-vp{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bm-slides-track{display:flex;height:100%;transition:transform .65s cubic-bezier(.65,0,.35,1);will-change:transform}.bm-slide{flex:0 0 100%;height:100%}.bm-slide img{width:100%;height:100%;object-fit:cover;display:block}.bm-arr{position:absolute;top:50%;transform:translateY(-50%);z-index:4;border:none;background:none;cursor:pointer;padding:clamp(12px,1.2vw,22px) clamp(10px,1vw,18px);opacity:0;transition:opacity .22s ease}.bm-arr.bm-off{pointer-events:none}.bm-prev{left:0}.bm-next{right:0}.bm-arr svg{width:clamp(8px,.8vw,12px);height:clamp(14px,1.4vw,22px);stroke:#ffffffb3;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.bm-mock-panel:hover .bm-arr:not(.bm-off){opacity:1}.bm-mock-panel:hover .bm-arr:not(.bm-off):hover svg{stroke:#fff}.bm-prog-bar{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:4;background:#ffffff1a}.bm-prog-fill{height:100%;background:#ffffff6b;width:0%}.bm-section-img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .3s ease}.bm-section-img.bm-visible{opacity:1}.bm-simg{position:absolute;top:0;right:0;bottom:0;left:0;display:none}.bm-simg.bm-active{display:block}.bm-simg img{width:100%;height:100%;object-fit:cover;display:block}.bm-simg-placeholder{width:100%;height:100%;background:linear-gradient(160deg,#1a1a1a,#333,#555)}.bm-white-col{flex:0 0 25%;background:var(--bm-right-col, var(--bm-white));border-left:.5px solid var(--bm-bd);height:100%;overflow:hidden;transition:flex-basis var(--bm-slide),border-color var(--bm-slide)}.bisou-mockup-section.bm-open .bm-white-col{flex-basis:0%;border-left-color:transparent}@media(max-width:680px){.bisou-mockup-section{flex-direction:column;height:auto;max-height:none;overflow:visible}.bm-nav-strip{order:1;flex:none;width:100%;height:56px;flex-direction:row;border-right:none;border-bottom:.5px solid var(--bm-bd);background:var(--bm-white);transition:none}.bisou-mockup-section.bm-open .bm-nav-strip{flex-basis:auto}.bm-nav-header{display:none}.bm-info-list{flex-direction:row;height:56px;flex:1}.bm-info-item{flex:1;height:56px;padding:0 6px;border-bottom:none;border-right:.5px solid var(--bm-bd);justify-content:center;background:var(--bm-white);transition:background var(--bm-fade)}.bm-info-item:last-child{border-right:none}.bm-info-item.bm-active{background:var(--bm-ink)}.bm-info-item.bm-active .bm-i-name{color:var(--bm-white)}.bm-i-name{font-size:9px;font-weight:700;text-align:center;white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.3;color:#222}.bm-i-arr{display:none}.bm-mock-panel{order:2;flex:none;width:100%;aspect-ratio:16 / 10;transition:none}.bm-arr svg{width:8px;height:14px}.bm-white-col{display:none}.bm-detail-panel{order:3;flex:none;width:100%;height:auto;max-height:0;opacity:0;overflow:hidden;visibility:hidden;border-right:none;border-top:none;transition:max-height .45s ease,opacity .3s ease,visibility 0s .45s}.bisou-mockup-section.bm-open .bm-detail-panel{max-height:70vh;opacity:1;visibility:visible;overflow-y:auto;border-top:.5px solid var(--bm-bd);transition:max-height .45s ease,opacity .3s .1s ease,visibility 0s}.bm-d-inner{width:100%;min-width:0;height:auto;opacity:1!important;transform:none!important;transition:none!important;padding:1.2rem 1.4rem 2rem}.bm-d-close{font-size:20px;top:13px;right:14px}.bm-d-body th,.bm-d-body td{font-size:7px;padding:5px 4px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/bisou-mockup.css.map */