.ilf-flp-variant-picker{--flp-text: #141414;--flp-muted: #6b6b66;--flp-sub: #8a8a85;--flp-border: #ebebe8;--flp-card-bg: #fbfbfa;--flp-track-bg: #f0efec;--flp-image-ring: #d8cabb;display:flex;flex-direction:column;gap:22px;margin-bottom:22px}.ilf-flp-variant-picker .product-form__input{margin:0;padding:0;border:none;min-width:0;max-width:100%}.ilf-flp-variant-picker .product-form__input.excluded{display:none}.ilf-flp-variant-picker .form__label{display:block;font-size:1.2rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--flp-muted);margin-bottom:10px;padding:0}.ilf-flp-variant-picker .orifice-cards{display:flex;flex-wrap:wrap;gap:8px}.ilf-flp-variant-picker .orifice-card-wrap{display:contents}.ilf-flp-variant-picker .orifice-card{display:flex;flex-direction:column;align-items:center;gap:6px;width:30%;max-width:120px;padding:9px 4px 7px;border-radius:var(--flp-radius, 12px);border:2px solid var(--flp-border);background:var(--flp-card-bg);cursor:pointer;text-align:center;transition:border-color .15s ease}.ilf-flp-variant-picker .orifice-card:hover{border-color:var(--flp-text)}.ilf-flp-variant-picker .orifice-card-wrap input:checked+.orifice-card{border-color:var(--flp-text);background:#fff}.ilf-flp-variant-picker .orifice-image{display:block;width:58px;height:58px;border-radius:50%;overflow:hidden;background:var(--flp-track-bg)}.ilf-flp-variant-picker .orifice-image img{width:100%;height:100%;object-fit:cover;display:block}.ilf-flp-variant-picker .orifice-name{font-size:1.3rem;font-weight:700;color:var(--flp-text);line-height:1.2}.ilf-flp-variant-picker .orifice-sublabel{font-size:1.1rem;color:var(--flp-sub);line-height:1.2}.ilf-flp-variant-picker .texture-slider{display:block;position:relative}.ilf-flp-variant-picker .texture-strip{position:relative;border-radius:var(--flp-radius, 12px);overflow:hidden;border:1px solid var(--flp-border);margin-bottom:8px;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.ilf-flp-variant-picker .texture-strip:active{cursor:grabbing}.ilf-flp-variant-picker .strip-slide{min-width:0;height:88px;overflow:hidden;background:var(--flp-card-bg)}.ilf-flp-variant-picker .strip-slide img,.ilf-flp-variant-picker .strip-slide .texture-image{width:100%;height:100%;object-fit:cover;display:block}.ilf-flp-variant-picker .texture-strip:not(.swiper-initialized) .strip-slide{flex:0 0 100%;max-width:100%}.ilf-flp-variant-picker .zoom-open{position:absolute;right:8px;top:8px;z-index:2;width:28px;height:28px;border-radius:99px;border:none;background:#fff;color:var(--flp-text);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;transition:opacity .2s ease}.ilf-flp-variant-picker .zoom-open:hover{background:var(--flp-text);color:#fff}@media screen and (max-width:749px){.ilf-flp-variant-picker .zoom-open{display:none}}.ilf-flp-variant-picker .zoom-lens{position:absolute;left:var(--lens-x, 50%);top:var(--lens-y, 50%);z-index:3;width:130px;height:130px;border-radius:50%;border:2px solid #fff;box-shadow:0 8px 24px #50280a59;background-color:var(--flp-card-bg);background-image:var(--lens-image, none);background-size:var(--lens-bg-w, 320%) auto;background-position:var(--lens-bx, 50%) var(--lens-by, 50%);background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.4);transition:transform .25s cubic-bezier(.2,.9,.3,1),opacity .2s ease}.ilf-flp-variant-picker .texture-slider.lens-active .zoom-lens{opacity:1;transform:translate(-50%,-50%) scale(1)}@media screen and (max-width:749px){.ilf-flp-variant-picker .zoom-lens{display:none}}.ilf-flp-variant-picker .texture-slider.lens-active .texture-strip{cursor:none}.ilf-flp-variant-picker .texture-slider.lens-active .zoom-open{opacity:0;pointer-events:none}.ilf-flp-variant-picker .strip-touch-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);z-index:2;background:#ffffffeb;border-radius:99px;padding:4px 10px;font-size:.9rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;color:#3a3a38;font-family:Helvetica,Arial,sans-serif;pointer-events:none}@media screen and (min-width:750px){.ilf-flp-variant-picker .strip-touch-label{display:none}}.ilf-flp-variant-picker .lens-arrows{display:block;overflow:visible;filter:drop-shadow(0 1px 3px rgba(80,40,10,.55))}.ilf-flp-variant-picker .lens-arrows .fly{animation:ilf-flp-fly-out 1.5s ease-in-out infinite}.ilf-flp-variant-picker .lens-arrows .fly--tr{--fx: 2.5px;--fy: -2.5px}.ilf-flp-variant-picker .lens-arrows .fly--bl{--fx: -2.5px;--fy: 2.5px}@keyframes ilf-flp-fly-out{0%{transform:translate(0);opacity:0}25%{opacity:1}75%{transform:translate(var(--fx),var(--fy));opacity:1}to{transform:translate(var(--fx),var(--fy));opacity:0}}.ilf-flp-variant-picker .texture-slider[data-strip-swipe=false] .texture-strip,.ilf-flp-variant-picker .texture-slider[data-strip-swipe=false] .texture-strip:active{cursor:zoom-in}.ilf-flp-variant-picker .texture-tabs,.ilf-flp-texture-zoom .texture-tabs{position:relative;display:flex;background:var(--flp-track-bg, #f0efec);border-radius:99px;padding:4px}.ilf-flp-variant-picker .tab-knob,.ilf-flp-texture-zoom .tab-knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / var(--tab-count, 3));background:var(--flp-text, #141414);border-radius:99px;transition:transform .25s ease}.ilf-flp-variant-picker [data-active-index="1"] .tab-knob,.ilf-flp-texture-zoom[data-active-index="1"] .tab-knob{transform:translate(100%)}.ilf-flp-variant-picker [data-active-index="2"] .tab-knob,.ilf-flp-texture-zoom[data-active-index="2"] .tab-knob{transform:translate(200%)}.ilf-flp-variant-picker [data-active-index="3"] .tab-knob,.ilf-flp-texture-zoom[data-active-index="3"] .tab-knob{transform:translate(300%)}.ilf-flp-variant-picker [data-active-index="4"] .tab-knob,.ilf-flp-texture-zoom[data-active-index="4"] .tab-knob{transform:translate(400%)}.ilf-flp-variant-picker [data-active-index="5"] .tab-knob,.ilf-flp-texture-zoom[data-active-index="5"] .tab-knob{transform:translate(500%)}.ilf-flp-variant-picker .texture-tab,.ilf-flp-texture-zoom .texture-tab{position:relative;flex:1;min-width:0;border:none;background:transparent;font-size:1.3rem;font-weight:600;padding:9px 0;border-radius:99px;text-align:center;color:var(--flp-muted, #6b6b66);cursor:pointer;transition:color .25s ease}.ilf-flp-variant-picker .texture-tabs input:checked+.texture-tab,.ilf-flp-texture-zoom .texture-tab.active{color:#fff}.ilf-flp-variant-picker .pill-group{display:flex;flex-wrap:wrap;gap:8px}.ilf-flp-variant-picker .pill-wrap{display:contents}.ilf-flp-variant-picker .pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--flp-radius, 12px);border:2px solid var(--flp-border);background:var(--flp-card-bg);font-size:1.3rem;font-weight:600;color:var(--flp-text);cursor:pointer;transition:border-color .15s ease}.ilf-flp-variant-picker .pill:hover{border-color:var(--flp-text)}.ilf-flp-variant-picker .pill-wrap input:checked+.pill{border-color:var(--flp-text);background:#fff}.ilf-flp-variant-picker .pill .swatch{width:16px;height:16px;flex:0 0 auto}.ilf-flp-variant-picker input.disabled+label{opacity:.45}.ilf-flp-variant-picker input.disabled+label .orifice-image{filter:grayscale(1)}.ilf-flp-variant-picker .orifice-card .variant-status-badge{margin:2px 0 0}.ilf-modal.ilf-flp-texture-zoom-modal{background:#1414148c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:ilf-flp-zoom-fade .22s ease}.ilf-modal.ilf-flp-texture-zoom-modal .ilf-modal-content-wrapper{max-width:none;width:calc(100vw - 30px);max-height:calc(100vh - 16px);overflow-y:auto;border-radius:20px;padding:18px 18px 14px;box-shadow:0 24px 80px #00000059;animation:ilf-flp-zoom-modal-in .3s cubic-bezier(.2,.9,.3,1)}@media screen and (max-width:749px){.ilf-modal.ilf-flp-texture-zoom-modal .ilf-modal-content-wrapper{width:calc(100vw - 25px);max-height:calc(100dvh - 50px);padding:12px 12px 10px}}@keyframes ilf-flp-zoom-modal-in{0%{opacity:0;transform:scale(.86) translateY(14px)}to{opacity:1;transform:scale(1) translateY(0)}}.ilf-flp-texture-zoom{--flp-text: #141414;--flp-muted: #6b6b66;--flp-border: #ebebe8;--flp-track-bg: #f0efec;display:block}.ilf-flp-texture-zoom .zoom-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.ilf-flp-texture-zoom .zoom-heading{font-size:1.5rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--flp-text);text-align:center;margin-bottom:10px}.ilf-flp-texture-zoom .zoom-heading-suffix{color:var(--flp-muted);font-weight:500}.ilf-flp-texture-zoom .ilf-modal-close{margin-left:auto;position:static;width:32px;height:32px;flex:0 0 auto;border-radius:50%;border:1px solid var(--flp-border);background:#fff;color:var(--flp-text);font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center}.ilf-flp-texture-zoom .ilf-modal-close:hover{background:var(--flp-text);color:#fff}.ilf-flp-texture-zoom .orientation-toggle{display:none;position:relative;background:var(--flp-track-bg);border-radius:99px;padding:3px;flex:0 0 auto}@media screen and (max-width:749px){.ilf-flp-texture-zoom .orientation-toggle{display:inline-flex}}.ilf-flp-texture-zoom .orientation-btn{width:40px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:99px;border:none;background:transparent;color:var(--flp-muted);cursor:pointer;transition:color .25s ease,background .25s ease}.ilf-flp-texture-zoom .orientation-btn.active{background:var(--flp-text);color:#fff}.ilf-flp-texture-zoom .zoom-media{margin-bottom:12px;overflow:hidden;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.ilf-flp-texture-zoom .zoom-media:active{cursor:grabbing}.ilf-flp-texture-zoom .zoom-track{align-items:center}.ilf-flp-texture-zoom .zoom-slide{min-width:0}@keyframes ilf-flp-zoom-fade{0%{opacity:0}to{opacity:1}}.ilf-flp-texture-zoom .texture-image-container{position:relative;aspect-ratio:2576 / 688;overflow:hidden;border:1px solid var(--flp-border)}.ilf-flp-texture-zoom .texture-image-container img{width:100%;height:100%;object-fit:cover;display:block}.ilf-flp-texture-zoom .texture-image-container ilf-auto-video{position:absolute;top:0;right:0;bottom:0;left:0}.ilf-flp-texture-zoom .texture-image-container ilf-auto-video video{width:100%;height:100%;object-fit:cover}.ilf-flp-texture-zoom .zoom-slide-vertical{display:none}@media screen and (max-width:749px){.ilf-flp-texture-zoom.vertical .zoom-slide-horizontal{display:none}.ilf-flp-texture-zoom.vertical .zoom-slide-vertical{display:flex;justify-content:center}.ilf-flp-texture-zoom.vertical .zoom-heading,.ilf-flp-texture-zoom.vertical .zoom-desc.active{display:none}}.ilf-flp-texture-zoom .vertical-texture-image-container{height:calc(100dvh - 185px);aspect-ratio:var(--rotated-ratio);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;border:1px solid var(--flp-border)}.ilf-flp-texture-zoom .vertical-texture-media-wrapper{position:relative;transform:rotate(var(--flp-vertical-rotation, 90deg));transform-origin:center center}.ilf-flp-texture-zoom .texture-image-container.rulers:before,.ilf-flp-texture-zoom .vertical-texture-image-container.rulers .vertical-texture-media-wrapper:before{content:"";position:absolute;width:100%;height:100%;background-repeat:no-repeat;background-size:contain;background-position:center;pointer-events:none;z-index:1}.ilf-flp-texture-zoom .zoom-desc{display:none;font-size:1.5rem;line-height:1.7;color:#3a3a38;max-width:66ch;margin:2px auto 16px;text-align:center}.ilf-flp-texture-zoom .zoom-desc.active{display:block;animation:ilf-flp-desc-in .35s ease}@keyframes ilf-flp-desc-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ilf-flp-texture-zoom .texture-tabs{max-width:520px;margin:0 auto}@media(prefers-reduced-motion:reduce){.ilf-flp-variant-picker .lens-arrows .fly{animation:none}.ilf-flp-variant-picker .tab-knob,.ilf-flp-variant-picker .texture-tab,.ilf-flp-variant-picker .orifice-card,.ilf-flp-variant-picker .pill,.ilf-flp-texture-zoom .tab-knob,.ilf-flp-texture-zoom .texture-tab,.ilf-flp-texture-zoom .orientation-btn{transition:none}.ilf-flp-texture-zoom .zoom-desc.active,.ilf-flp-texture-zoom-modal,.ilf-flp-texture-zoom-modal .ilf-modal-content-wrapper{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/204/assets/ilf-flp-variant-picker.css.map */