html:has(.fp-collection-section),html:has(.fp-collection-section) body,html:has(.fp-collection-section) #MainContent{overflow-x:hidden;background:#e8e8e8;margin-top:0;padding-top:0!important}html:has(.fp-collection-section) #fp-page-wrap{overflow-x:hidden;background:#e8e8e8!important;box-shadow:none!important;margin-top:0;padding-top:0!important}html:has(.fp-collection-section) .fp-announcement-section{display:none!important}html:has(.fp-collection-section) .fp-catbar-section{background:transparent!important}html:has(.fp-collection-section) .fp-catbar{background:transparent!important}html:has(.fp-collection-section) main{animation:none}html:has(.fp-collection-section) .fp-footer-section{position:relative;z-index:1}.fp-split{position:relative;display:block;height:calc(100vh - var(--fp-total-offset, 84px));margin-top:var(--fp-total-offset, 84px);overflow:hidden;background:#e8e8e8}.fp-split__preview{position:absolute;top:0;left:0;width:42%;height:100%;padding:24px 0 24px 16px;box-sizing:border-box;z-index:2}.fp-split__preview-media{width:100%;height:100%;overflow:hidden;border-radius:20px}.fp-split__preview-img{width:100%;height:100%;object-fit:cover;object-position:center top;opacity:1;transition:opacity .2s ease;-webkit-mask-image:radial-gradient(ellipse 90% 92% at 50% 44%,black 38%,rgba(0,0,0,.88) 54%,rgba(0,0,0,.4) 72%,transparent 100%);mask-image:radial-gradient(ellipse 90% 92% at 50% 44%,black 38%,rgba(0,0,0,.88) 54%,rgba(0,0,0,.4) 72%,transparent 100%)}.fp-split__preview-info{position:absolute;bottom:24px;left:0;right:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none}.fp-split__preview-title{font-family:var(--fp-font);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#202622;text-align:center}.fp-split__preview-price{font-family:var(--fp-font);font-size:10px;font-weight:400;color:#202622;opacity:.5}.fp-split__preview:after{display:none}.fp-split__right{margin-left:42%;width:58%;height:calc(100vh - var(--fp-total-offset, 84px));overflow-y:auto;padding:24px 0 50px .5px;scrollbar-width:none}.fp-split__right::-webkit-scrollbar{display:none}.fp-split__header{margin-bottom:8px;padding-left:8px}.fp-split__header-top{display:flex;align-items:baseline;gap:8px}.fp-split__title{font-family:var(--fp-font);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#202622;margin:0}.fp-split__count{font-family:var(--fp-font);font-size:10px;font-weight:400;color:#202622;opacity:.4}.fp-split__description{font-family:var(--fp-font);font-size:11px;color:#202622;opacity:.6;margin:8px 0 0;line-height:1.6}.fp-split__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:calc((100vh - var(--fp-total-offset, 84px) - 72px) / 2);gap:.5px}.fp-split__item{position:relative;display:flex;flex-direction:column;text-decoration:none;cursor:pointer;overflow:hidden}.fp-split__item-media{flex:1;overflow:hidden;background:#e8e8e8;display:flex;align-items:center;justify-content:center}.fp-split__item-media img{width:100%;height:100%;object-fit:contain;padding:4px;transition:transform .4s ease;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 78%,transparent 100%),linear-gradient(to right,transparent 0%,black 14%,black 86%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent 0%,black 22%,black 78%,transparent 100%),linear-gradient(to right,transparent 0%,black 14%,black 86%,transparent 100%);mask-composite:intersect}.fp-split__item:hover .fp-split__item-media img,.fp-split__item.is-active .fp-split__item-media img{transform:scale(1.05)}.fp-split__item-info{display:flex;flex-direction:column;gap:2px;padding:7px 4px 4px}.fp-split__item-title{font-family:var(--fp-font);font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#202622;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fp-split__item-price{font-family:var(--fp-font);font-size:9px;font-weight:400;color:#202622;opacity:.55}.fp-split__item--sold-out .fp-split__item-media img{filter:grayscale(1)}.fp-split__item-media{position:relative}.fp-split__badge{position:absolute;top:20%;right:8px;background:#202622;color:#d2ddd5;font-family:var(--fp-font);font-size:7px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:3px 6px;border-radius:3px;pointer-events:none;z-index:2}.fp-split__swatches{display:flex;align-items:center;gap:3px;margin-top:5px}.fp-split__swatch{display:block;width:26px;height:38px;border-radius:4px;border:.5px solid transparent;box-sizing:border-box;background-color:#d2ddd5;background-size:cover;background-position:center;cursor:pointer;padding:0;flex-shrink:0;transition:border-color .15s ease}.fp-split__swatch:hover,.fp-split__swatch.is-active{border-color:#000!important}.fp-split__swatch--sold-out{opacity:.3}.fp-split__swatch-more{font-family:var(--fp-font);font-size:7px;font-weight:400;color:#202622;opacity:.45;margin-left:1px}.fp-split__empty{grid-column:1 / -1;padding:40px 0;font-size:12px;color:#202622;opacity:.5}.fp-collection-subnav{position:fixed;bottom:24px;left:71%;transform:translate(-50%);display:flex;align-items:center;background:#fff;border-radius:20px;height:44px;padding:0 24px;gap:8px;z-index:50;filter:drop-shadow(0 4px 16px rgba(0,0,0,.09));white-space:nowrap;opacity:1;pointer-events:auto;transition:opacity .25s ease,transform .25s ease}.fp-collection-subnav.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(12px)}.fp-collection-subnav__link{font-family:var(--fp-font);font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:#202622;text-decoration:none;padding:0 18px;height:44px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:none;border-radius:20px;cursor:pointer;transition:background .15s ease,color .15s ease}.fp-collection-subnav__link:hover{background:#202622;color:#fff}.fp-filter-badge{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#cc1200;color:#fff;border-radius:50%;font-size:8px;font-weight:600;line-height:1}.fp-collection-subnav__sep{font-size:9px;color:#202622;opacity:.3;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:989px){.fp-collection-subnav{left:50%;bottom:24px;transform:translate(-50%)}}@media(max-width:989px){.fp-split{height:auto;overflow:visible}.fp-split__preview{display:none}.fp-split__right{margin-left:0;width:100%;height:auto;overflow-y:visible;padding:20px 16px 100px}.fp-split__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px;gap:8px}}.fp-filter-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;z-index:9100;pointer-events:none}.fp-filter-backdrop[hidden]{display:none}.fp-filter-backdrop.is-open{pointer-events:auto}html:has(.fp-collection-section) body>*:not(#fp-filter-drawer):not(#fp-filter-backdrop):not(style):not(script){transition:filter .28s cubic-bezier(.4,0,1,1)}html:has(.fp-collection-section) body.fp-filter-open>*:not(#fp-filter-drawer):not(#fp-filter-backdrop):not(style):not(script){filter:blur(6px) brightness(.65);transition:filter .52s cubic-bezier(.22,1,.36,1);pointer-events:none;-webkit-user-select:none;user-select:none}.fp-filter-drawer{position:fixed;top:25px;right:16px;bottom:16px;width:360px;max-width:calc(100vw - 32px);background:#fff;border-radius:16px;z-index:9101;display:flex;flex-direction:column;transform:translate(calc(100% + 20px));opacity:0;overflow:hidden}.fp-filter-drawer[hidden]{display:flex;visibility:hidden}.fp-filter-drawer.is-open{transform:translate(0);opacity:1;visibility:visible}.fp-filter-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(32,38,34,.08);flex-shrink:0}.fp-filter-drawer__title{font-family:var(--fp-font);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#202622}.fp-filter-drawer__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid rgba(32,38,34,.15);border-radius:50%;cursor:pointer;color:#202622;transition:background .15s ease}.fp-filter-drawer__close:hover{background:#2026220f}.fp-filter-drawer__body{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:28px}.fp-filter-group__label{font-family:var(--fp-font);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#20262266;margin:0 0 12px}.fp-filter-pills{display:flex;flex-wrap:wrap;gap:6px}.fp-filter-pill{display:inline-flex;align-items:center;gap:4px;padding:7px 14px;font-family:var(--fp-font);font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:.05em;color:#202622;text-decoration:none;border:1.5px solid rgba(32,38,34,.18);border-radius:20px;background:transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.fp-filter-pill:hover{border-color:#202622}.fp-filter-pill.is-active{background:#202622;border-color:#202622;color:#fff}.fp-filter-pill__count{opacity:.5;font-size:9px}.fp-filter-price{display:flex;align-items:center;gap:10px}.fp-filter-price__field{flex:1;display:flex;border:1.5px solid rgba(32,38,34,.18);border-radius:4px;overflow:hidden}.fp-filter-price__label{font-family:var(--fp-font);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#20262280;padding:10px;border-right:1.5px solid rgba(32,38,34,.12);white-space:nowrap;display:flex;align-items:center}.fp-filter-price__input{flex:1;font-family:var(--fp-font);font-size:12px;color:#202622;background:transparent;border:none;padding:10px;outline:none;min-width:0}.fp-filter-price__sep{font-size:10px;color:#2026224d;flex-shrink:0}.fp-filter-drawer__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;margin-top:8px;border-top:1px solid rgba(32,38,34,.08)}.fp-filter-clear{font-family:var(--fp-font);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#20262280;text-decoration:underline;text-underline-offset:3px}.fp-filter-apply{font-family:var(--fp-font);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#202622;border:none;border-radius:20px;padding:12px 24px;cursor:pointer;transition:background .15s ease}.fp-filter-apply:hover{background:#364838}@media(max-width:749px){.fp-filter-drawer{top:auto;right:0;bottom:0;left:0;width:100%;max-width:100%;height:80vh;border-radius:16px 16px 0 0;transform:translateY(calc(100% + 20px))}.fp-filter-drawer.is-open{transform:translateY(0)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/fanplaza-collection.css.map */