.fs-shapes-guide__header{padding-top:40px;padding-bottom:0}.fs-shapes-guide__title-row{display:flex;align-items:center;gap:10px}.fs-shapes-guide__title{margin:0}.fs-shapes-guide__toggle{background:none;border:none;padding:0;cursor:pointer;color:currentColor;display:flex;align-items:center;transition:transform .3s ease;flex-shrink:0}.fs-shapes-guide__toggle[aria-expanded=true]{transform:rotate(180deg)}.fs-shapes-guide__toggle svg{width:18px;height:18px}.fs-shapes-guide__intro{overflow:hidden;max-height:0;transition:max-height .4s ease,padding-top .3s ease}.fs-shapes-guide__intro.is-open{max-height:800px;padding-top:16px}.fs-shapes-guide__filter-bar{position:sticky;top:0;z-index:90;background-color:var(--bg);margin-top:24px;padding-bottom:10px}.fs-shapes-guide__filter-nav{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.fs-shapes-guide__filter-nav::-webkit-scrollbar{display:none}.fs-shapes-guide__filter-progress{display:none}@media only screen and (max-width:749px){.fs-shapes-guide__filter-progress.is-visible{display:block;position:relative;height:2px;margin-top:6px;background:var(--text-light);background:color-mix(in srgb,var(--text) 16%,transparent)}.fs-shapes-guide__filter-progress-thumb{position:absolute;top:0;left:0;height:100%;background:var(--text);cursor:grab;touch-action:none}.fs-shapes-guide__filter-progress-thumb:active{cursor:grabbing}.fs-shapes-guide__filter-progress-thumb:after{content:"";position:absolute;top:-12px;right:0;bottom:-12px;left:0}}.fs-shapes-guide__filter-btn{background:none;border:1px solid transparent;padding:8px 16px;margin:10px 6px 10px 0;cursor:pointer;font-size:var(--font-subheading);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--text-light);transition:color .2s,border-color .2s;flex-shrink:0;line-height:1}.fs-shapes-guide__filter-btn:first-child{margin-left:0}.fs-shapes-guide__filter-btn:hover{color:var(--text)}.fs-shapes-guide__filter-btn.is-active{color:var(--text);border-color:var(--text)}.fs-shapes-guide__grid{padding-top:24px}.fs-shapes-guide__card{transition:opacity .25s ease;cursor:pointer}.fs-shapes-guide__card.is-hidden{display:none}.fs-shapes-guide__image-wrap{position:relative;width:var(--image-width, 100%);margin-inline:auto;overflow:hidden}@media only screen and (min-width:990px){.fs-shapes-guide__image-wrap .image-wrapper{transition:transform 2s cubic-bezier(.215,.61,.355,1);transform:scale(1)}.fs-shapes-guide__image-wrap:hover .image-wrapper{transform:scale(1.06)}}.fs-shapes-guide__model-label{position:absolute;top:6px;left:6px;writing-mode:vertical-lr;transform:rotate(180deg);font-size:var(--font-body-x-small);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;line-height:1;pointer-events:none;z-index:1}.fs-shapes-guide__controls{position:absolute;bottom:6px;left:6px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;background-color:transparent;transition:background-color 0s .35s}.fs-shapes-guide__controls:has(.fs-shapes-guide__measurements.is-open){background-color:var(--fs-measurements-bg, var(--bg));transition-delay:0s}.fs-shapes-guide__measurements{overflow:hidden;max-height:0;transition:max-height .35s ease}.fs-shapes-guide__measurements.is-open{max-height:240px}.fs-shapes-guide__measurements ul{list-style:none;margin:0;padding:10px 12px 0}.fs-shapes-guide__measurements li{line-height:1.6;white-space:nowrap}.fs-shapes-guide__plus{background:none;border:none;padding:4px 12px 8px 0;cursor:pointer;color:currentColor;display:flex;align-items:center;gap:4px;font-size:var(--font-body-small);letter-spacing:.05em}.fs-shapes-guide__plus-icon{display:inline-flex;flex-shrink:0}.fs-shapes-guide__plus-icon svg{width:14px;height:14px}.fs-shapes-guide__plus [data-icon-minus],.fs-shapes-guide__plus[aria-expanded=true] [data-icon-plus]{display:none}.fs-shapes-guide__plus[aria-expanded=true] [data-icon-minus]{display:inline-flex}.fs-shapes-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.fs-shapes-modal[hidden]{display:none}.fs-shapes-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;cursor:pointer}.fs-shapes-modal__panel{position:relative;background:var(--bg);width:85vw;height:90vh;overflow:hidden;display:grid;grid-template-columns:60% 40%}@media only screen and (max-width:749px){.fs-shapes-modal__panel{width:90vw;max-width:90vw;height:90vh;grid-template-columns:1fr;grid-template-rows:auto 1fr;overflow-y:auto}}.fs-shapes-modal__close{position:absolute;top:12px;right:12px;background:none;border:none;cursor:pointer;color:currentColor;z-index:2;padding:4px;display:flex;align-items:center}.fs-shapes-modal__close svg{width:20px;height:20px}.fs-shapes-modal__gallery{position:relative;overflow:hidden;height:100%;padding:32px;box-sizing:border-box;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.fs-shapes-modal__gallery:active{cursor:grabbing}@media only screen and (max-width:749px){.fs-shapes-modal__gallery{height:50vh;padding:16px 16px 24px}}.fs-shapes-modal__slide img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.fs-shapes-modal__slides{display:flex;height:100%;transition:transform .35s ease}.fs-shapes-modal__slide{flex:0 0 100%;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.fs-shapes-modal__slide img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.fs-shapes-modal__gallery-nav{position:absolute;bottom:12px;left:0;right:0;display:flex;justify-content:center;gap:0}.fs-shapes-modal__gallery .flickity-prev-next-button.previous,.fs-shapes-modal__gallery .flickity-prev-next-button.next{position:absolute;z-index:2;top:50%;margin-top:0;transform:translateY(-50%);opacity:1}.fs-shapes-modal__gallery .flickity-prev-next-button.previous{left:12px;right:auto}.fs-shapes-modal__gallery .flickity-prev-next-button.next{right:12px;left:auto}.fs-shapes-modal__gallery .flickity-prev-next-button.previous:disabled,.fs-shapes-modal__gallery .flickity-prev-next-button.next:disabled{opacity:.3}.fs-shapes-modal__info{padding:40px 36px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;height:100%;min-width:0;overflow-wrap:break-word}@media only screen and (max-width:749px){.fs-shapes-modal__info{padding:24px 20px;overflow:visible;height:auto}}.fs-shapes-modal__title{margin:0}.fs-shapes-modal__measurements{list-style:none;margin:0;padding:0}.fs-shapes-modal__measurements li{line-height:1.3}.fs-shapes-modal__tabs{flex:0 1 auto;min-width:0}.fs-shapes-modal__tabs .tab-content{line-height:1.5;padding-top:0}@media only screen and (max-width:749px){.fs-shapes-modal__tabs .tabs>li{font-size:var(--BTN-FONT-SIZE);margin-right:16px}}.fs-shapes-modal__cta{margin-top:0}.fs-shapes-modal__nav{display:flex;justify-content:center;align-items:center;gap:40px;padding-top:8px;margin-top:auto}@media only screen and (max-width:749px){.fs-shapes-modal__nav{justify-content:space-between;gap:12px;padding-top:30px}.fs-shapes-modal__nav-btn{min-width:0;text-align:center}}.fs-shapes-modal__nav-btn{background:none;border:none;cursor:pointer;color:currentColor;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:0;display:flex;align-items:center;gap:8px}.fs-shapes-modal__nav-btn[disabled]{opacity:.3;cursor:default}.fs-shapes-modal__nav-btn svg{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/198/assets/fs-shapes-guide.css.map */