.ilf-texture-gallery{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:var(--padding-top-desktop) var(--padding-horizontal-desktop) var(--padding-bottom-desktop);background-color:var(--background-color)}.ilf-texture-gallery .heading-container{width:100%;max-width:1200px;text-align:center;margin-bottom:2rem}.ilf-texture-gallery .heading{color:var(--heading-color);font-family:Bebas Neue,sans-serif;font-size:44px;font-weight:400;line-height:1.43;margin:0}.ilf-texture-gallery.heading-font-theme-heading .heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight)}.ilf-texture-gallery.heading-font-theme-body .heading{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight)}.ilf-texture-gallery .subheading{color:var(--subheading-color);font-family:Inter;font-weight:400;font-style:italic;font-size:22px;margin:0}.ilf-texture-gallery .ilf-reveal-wrapper{width:100%;max-width:1200px;display:flex;flex-direction:column;position:relative;z-index:1}.ilf-texture-gallery .ilf-reveal-container{position:relative;width:100%;aspect-ratio:var(--aspect-ratio);overflow:hidden;touch-action:pan-y;-webkit-user-select:none;user-select:none;transform:translateZ(0)}.ilf-texture-gallery .ilf-svg-defs{position:absolute;width:0;height:0;pointer-events:none}.ilf-texture-gallery .ilf-reveal-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;clip-path:var(--band-clip);pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent}.ilf-texture-gallery .ilf-reveal-image-wrapper.is-full{z-index:5;clip-path:none}.ilf-texture-gallery .ilf-reveal-image-wrapper.is-leaving{z-index:8}.ilf-texture-gallery .ilf-reveal-image-wrapper.is-active{z-index:10}.ilf-texture-gallery .ilf-reveal-image-wrapper img{width:100%;height:100%;object-fit:cover;display:block}.ilf-texture-gallery .ilf-label-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;display:flex;justify-content:center;align-items:center;font-weight:800;text-transform:uppercase;letter-spacing:.1em;z-index:20}.ilf-texture-gallery .ilf-label{position:absolute;opacity:0;bottom:5%;transform:translateY(20px);color:var(--text-color);font-size:3rem;line-height:1;text-align:center;transition:opacity .25s ease,transform .25s ease}.ilf-texture-gallery .ilf-tabs{--active-index: 0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);width:100%;margin-bottom:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.ilf-texture-gallery .ilf-tabs::-webkit-scrollbar{display:none}.ilf-texture-gallery .ilf-tab{grid-row:1;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:12px 16px;background:var(--tab-bg);border:1px solid var(--tab-border);border-top-left-radius:var(--tab-radius);border-top-right-radius:var(--tab-radius);color:var(--tab-text);font:inherit;font-weight:600;line-height:1.2;cursor:pointer;box-shadow:inset 0 -3px 0 transparent;transition:color .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}@media(hover:hover){.ilf-texture-gallery .ilf-tab:not(.is-active):hover{color:var(--tab-hover);box-shadow:inset 0 -3px color-mix(in srgb,var(--tab-hover) 40%,transparent)}.ilf-texture-gallery.tabs-no-hover-underline .ilf-tab:not(.is-active):hover{box-shadow:inset 0 -3px 0 transparent}}.ilf-texture-gallery .ilf-tab.is-active{color:var(--tab-active);background:var(--tab-bg-active);border-color:var(--tab-border-active)}.ilf-texture-gallery .ilf-tab-indicator{grid-row:2;grid-column:1 / span var(--tab-count);align-self:start;position:relative;height:3px;margin-top:-4px;pointer-events:none}.ilf-texture-gallery .ilf-tab-indicator:before{content:"";position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--tab-count));background-color:var(--tab-active);transform:translate(calc(100% * var(--active-index)));transition:transform .4s cubic-bezier(.65,0,.35,1)}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(2).is-active){--active-index: 1}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(3).is-active){--active-index: 2}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(4).is-active){--active-index: 3}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(5).is-active){--active-index: 4}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(6).is-active){--active-index: 5}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(7).is-active){--active-index: 6}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(8).is-active){--active-index: 7}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(9).is-active){--active-index: 8}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(10).is-active){--active-index: 9}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(11).is-active){--active-index: 10}.ilf-texture-gallery .ilf-tabs:has(>.ilf-tab:nth-child(12).is-active){--active-index: 11}@supports not selector(:has(*)){.ilf-texture-gallery .ilf-tab-indicator{display:none}.ilf-texture-gallery .ilf-tab.is-active{box-shadow:inset 0 -3px 0 var(--tab-active)}}.ilf-texture-gallery .ilf-tab__img{display:block;width:40px;height:40px;border-radius:50%;overflow:hidden;flex:0 0 auto}.ilf-texture-gallery .ilf-tab__img img{width:100%;height:100%;object-fit:cover;display:block}.ilf-texture-gallery .ilf-tab__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ilf-texture-gallery.tabs-hide-titles .ilf-tab__title{display:none}.ilf-texture-gallery .ilf-panels{display:grid}.ilf-texture-gallery .ilf-tab-panel{grid-area:1 / 1;min-width:0}.ilf-texture-gallery .ilf-tab-panel.is-entering{z-index:2}.ilf-texture-gallery .ilf-tab-panel.is-leaving{pointer-events:none}.ilf-texture-gallery .ilf-tab-panel[hidden]{display:none}@media(prefers-reduced-motion:reduce){.ilf-texture-gallery .ilf-tab-indicator:before{transition:none}}.ilf-texture-gallery .ilf-mobile-controls{display:none;grid-template-columns:repeat(var(--controls-count),1fr);place-items:center;width:100%;height:60px;margin-top:var(--buttons-gap-desktop)}.ilf-texture-gallery.controls-desktop .ilf-mobile-controls{display:grid}.ilf-texture-gallery .ilf-control-btn{-webkit-appearance:none;appearance:none;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:center;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.ilf-texture-gallery .ilf-control-btn:focus-visible{outline:2px solid #1e1714;outline-offset:4px}.ilf-texture-gallery.buttons-dots .ilf-control-btn{display:flex;width:50%;height:4vw;max-height:50px;border-radius:6px;border:var(--button-border-width) solid var(--button-border-color);background-color:var(--button-color);position:relative;z-index:1;transform:scale(1);transition:transform .8s cubic-bezier(.165,.84,.44,1)}.ilf-texture-gallery.buttons-dots .ilf-control-btn.is-active{transform:scale(var(--active-scale))}.ilf-texture-gallery:not(.buttons-dots) .ilf-mobile-controls{grid-template-columns:minmax(0,1fr);height:auto;container-type:inline-size}.ilf-texture-gallery .btn-row{--btn-pad: 0;--slots: max(var(--controls-count), 6);--row-w: calc(var(--slots) * var(--btn-w) + (var(--slots) - 1) * var(--btn-gap) + 2 * var(--btn-pad));--u: min(1px, 100cqw / var(--row-w));position:relative;display:flex;justify-content:space-evenly;align-items:flex-start;box-sizing:border-box;width:calc(var(--row-w) * var(--u));max-width:100%;gap:calc(var(--btn-gap) * var(--u));padding-inline:calc(var(--btn-pad) * var(--u))}.ilf-texture-gallery:not(.buttons-dots) .ilf-control-btn{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;width:calc(var(--btn-w) * var(--u))}.ilf-texture-gallery:not(.buttons-dots)[data-button-color-mode=auto] .ilf-control-btn:not(.has-color){--button-color: #e9e1da}.ilf-texture-gallery .btn-face,.ilf-texture-gallery .btn-row .btn-title,.ilf-texture-gallery .btn-label,.ilf-texture-gallery .btn-led{pointer-events:none}.ilf-texture-gallery .btn-title{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:max(10px,calc(12 * var(--u)));font-weight:600;letter-spacing:.02em;line-height:1.2;color:#3a2a24}.ilf-texture-gallery.button-titles-off .btn-title,.ilf-texture-gallery.button-titles-off .btn-label{display:none}.ilf-texture-gallery.buttons-sample-cards .btn-row{--btn-w: 136;--btn-gap: 18;padding-top:calc(14 * var(--u))}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn{flex:1 1 0;width:auto;min-width:calc(136 * var(--u));max-width:calc(300 * var(--u));height:calc(120 * var(--u))}.ilf-texture-gallery.buttons-sample-cards .btn-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:calc(16 * var(--u));background-color:var(--button-color);box-shadow:0 calc(14 * var(--u)) calc(24 * var(--u)) calc(-14 * var(--u)) #321e168c,0 0 0 1px #3c281e14;transition:transform .5s cubic-bezier(.34,1.4,.64,1),box-shadow .4s ease}.ilf-texture-gallery .btn-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;display:block;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}.ilf-texture-gallery.buttons-sample-cards .btn-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(115deg,#fff0 35%,#ffffff80,#fff0 65%);background-size:260% 100%;background-position:120% 0;opacity:0;transition:opacity .3s ease}.ilf-texture-gallery.buttons-sample-cards .btn-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;background:#fff;opacity:0}.ilf-texture-gallery .btn-check{position:absolute;top:calc(8 * var(--u));right:calc(8 * var(--u));z-index:4;display:flex;align-items:center;justify-content:center;width:calc(22 * var(--u));height:calc(22 * var(--u));border-radius:50%;background-color:var(--accent);color:#fff;transform:scale(0);transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.ilf-texture-gallery .btn-check svg{width:calc(12 * var(--u));height:calc(12 * var(--u))}.ilf-texture-gallery.buttons-sample-cards .btn-title{position:absolute;left:50%;bottom:calc(8 * var(--u));z-index:4;max-width:calc(100% - 16 * var(--u));box-sizing:border-box;padding:calc(4 * var(--u)) calc(9 * var(--u));border-radius:999px;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#1e1714;font-size:max(10px,calc(11 * var(--u)));transform:translate(-50%)}@media(hover:hover){.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn:hover .btn-face{transform:translateY(calc(-8 * var(--u))) perspective(700px) rotateX(9deg);box-shadow:0 calc(26 * var(--u)) calc(30 * var(--u)) calc(-18 * var(--u)) #321e1680,0 0 0 1px #3c281e1a}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn:hover .btn-thumb{transform:scale(1.12) translate(-4%)}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn:hover .btn-face:before{opacity:1;animation:ilf-tg-sheen 1.1s cubic-bezier(.3,.6,.3,1) both}}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn:active .btn-face{transform:scale(.95);transition-duration:.08s}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn.is-active .btn-face{transform:translateY(calc(-10 * var(--u)));box-shadow:0 0 0 2px var(--accent),0 0 0 7px color-mix(in srgb,var(--accent) 14%,transparent),0 calc(24 * var(--u)) calc(30 * var(--u)) calc(-16 * var(--u)) #321e168c}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn.is-active .btn-thumb{transform:scale(1.06)}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn.is-active .btn-face:after{animation:ilf-tg-flash .7s ease-out both}.ilf-texture-gallery.buttons-sample-cards .ilf-control-btn.is-active .btn-check{transform:scale(1)}@keyframes ilf-tg-sheen{0%{background-position:120% 0}to{background-position:-20% 0}}@keyframes ilf-tg-flash{0%{opacity:.65}to{opacity:0}}.ilf-texture-gallery.buttons-holo-chips .btn-row{--btn-w: 164;--btn-gap: 16;padding-top:calc(8 * var(--u))}.ilf-texture-gallery.buttons-holo-chips.button-titles-off .btn-row{--btn-w: 68}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn{flex:1 1 0;width:auto;min-width:calc(var(--btn-w) * var(--u));max-width:calc(260 * var(--u));height:calc(68 * var(--u))}.ilf-texture-gallery.buttons-holo-chips.button-titles-off .ilf-control-btn{flex:none;width:calc(var(--btn-w) * var(--u))}.ilf-texture-gallery.buttons-holo-chips .btn-face{position:relative;display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));width:100%;height:100%;box-sizing:border-box;padding:0 calc(16 * var(--u));border-radius:calc(18 * var(--u));border:1px solid rgba(60,40,30,.12);background:linear-gradient(145deg,#fff,#f5efea);box-shadow:0 calc(12 * var(--u)) calc(22 * var(--u)) calc(-16 * var(--u)) #321e1680,inset 0 1px #fff;transition:transform .45s cubic-bezier(.34,1.4,.64,1),border-color .3s ease,box-shadow .4s ease,background .4s ease}.ilf-texture-gallery.buttons-holo-chips .btn-face:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;background:linear-gradient(115deg,#fff0 25%,#ffc4966b 40%,#ffa0c857 48%,#b4a0ff52,#82d7ff4d 62%,#fff0 75%);background-size:260% 100%;background-position:110% 0;transition:opacity .3s ease}.ilf-texture-gallery.buttons-holo-chips .btn-swatch{flex:none;width:calc(40 * var(--u));height:calc(40 * var(--u));border-radius:50%;background-color:var(--button-color);background-image:radial-gradient(circle at 34% 28%,#fffc,#fff0 32%);box-shadow:inset 0 calc(-4 * var(--u)) calc(6 * var(--u)) #0000002e,0 0 0 1px #3c281e24;transition:box-shadow .4s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}.ilf-texture-gallery.buttons-holo-chips .btn-title{font-size:max(11px,calc(14 * var(--u)));color:#1e1714}.ilf-texture-gallery.buttons-holo-chips.button-titles-off .btn-face{padding:0}@media(hover:hover){.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn:hover .btn-face{transform:translateY(calc(-5 * var(--u))) perspective(600px) rotateX(12deg);border-color:#3c281e38;box-shadow:0 calc(22 * var(--u)) calc(28 * var(--u)) calc(-18 * var(--u)) #321e1673,inset 0 1px #fff}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn:hover .btn-face:before{opacity:1;animation:ilf-tg-holo 1.2s cubic-bezier(.3,.6,.3,1) both}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn:hover .btn-swatch{transform:scale(1.1) rotate(-12deg)}}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn:active .btn-face{transform:scale(.95);transition-duration:.08s}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn.is-active .btn-face{border-color:var(--accent);background:linear-gradient(145deg,#fff,#f7ede4);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent),0 calc(18 * var(--u)) calc(30 * var(--u)) calc(-16 * var(--u)) color-mix(in srgb,var(--accent) 45%,transparent),inset 0 1px #fff}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn.is-active .btn-swatch{box-shadow:inset 0 calc(-4 * var(--u)) calc(6 * var(--u)) #0000002e,0 0 0 1px #3c281e24,0 0 0 calc(4 * var(--u)) color-mix(in srgb,var(--accent) 22%,transparent)}@keyframes ilf-tg-holo{0%{background-position:110% 0}to{background-position:-10% 0}}.ilf-texture-gallery.buttons-hud-scanner .btn-row{--btn-w: 80;--btn-gap: 52;--btn-pad: 18;padding-block:calc(18 * var(--u)) calc(4 * var(--u))}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn{gap:calc(18 * var(--u))}.ilf-texture-gallery.buttons-hud-scanner .btn-face{position:relative;display:block;width:calc(80 * var(--u));height:calc(92 * var(--u))}.ilf-texture-gallery.buttons-hud-scanner .btn-face:before{--len: calc(12 * var(--u));content:"";position:absolute;inset:calc(-18 * var(--u));opacity:0;background:linear-gradient(var(--accent),var(--accent)) top left / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top left / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) top right / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top right / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 2px var(--len) no-repeat;transition:inset .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.ilf-texture-gallery .hex-group{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.ilf-texture-gallery .hex-outer,.ilf-texture-gallery .hex-inner{position:absolute;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.ilf-texture-gallery .hex-outer{width:calc(74 * var(--u));height:calc(84 * var(--u));background-color:color-mix(in srgb,var(--accent) 20%,transparent);transition:background-color .3s ease}.ilf-texture-gallery .hex-inner{width:calc(64 * var(--u));height:calc(72 * var(--u));background-color:var(--button-color);background-image:linear-gradient(160deg,#ffffff73,#fff0 45%,#00000024);transition:filter .2s ease}.ilf-texture-gallery .btn-label{display:flex;flex-direction:column;align-items:center;gap:calc(4 * var(--u));max-width:calc(80 * var(--u) + 40px);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ilf-texture-gallery.buttons-hud-scanner .btn-title{font-size:max(10px,calc(11 * var(--u)));font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#3a2e29;transition:color .3s ease}.ilf-texture-gallery .btn-caret{width:calc(14 * var(--u));height:2px;background-color:var(--accent);opacity:0}@media(hover:hover){.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn:hover .btn-face:before{inset:calc(-6 * var(--u));opacity:.75}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn:hover .hex-group{transform:rotate(30deg) scale(1.04)}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn:hover .hex-outer{background-color:color-mix(in srgb,var(--accent) 45%,transparent)}}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn:active .hex-group{animation:ilf-tg-hud-glitch .24s steps(2) infinite}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn:active .hex-inner{filter:brightness(1.15)}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn.is-active .btn-face:before{inset:calc(-6 * var(--u));opacity:1}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn.is-active .hex-outer{background-color:var(--accent)}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn.is-active .hex-group{transform:scale(1.06);animation:ilf-tg-hud-lock .6s cubic-bezier(.34,1.56,.64,1)}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn.is-active .btn-title{color:var(--accent)}.ilf-texture-gallery.buttons-hud-scanner .ilf-control-btn.is-active .btn-caret{opacity:1;animation:ilf-tg-blink 1s steps(2) infinite}.ilf-texture-gallery:is(.hud-corners-both,.hud-corners-images) .ilf-tabs{margin-bottom:20px}.ilf-texture-gallery:is(.hud-corners-both,.hud-corners-images) .ilf-tab-panel{position:relative;container-type:inline-size}.ilf-texture-gallery:is(.hud-corners-images,.hud-corners-none) .btn-face:before{display:none}.ilf-texture-gallery .hud-corners{--len: 24px;display:none;--gap: 10px;position:absolute;top:calc(-1 * var(--gap));left:calc(-1 * var(--gap));width:calc(100% + 2 * var(--gap));height:calc(100cqw / var(--aspect) + 2 * var(--gap));pointer-events:none;background:linear-gradient(var(--accent),var(--accent)) top left / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top left / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) top right / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) top right / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom left / 2px var(--len) no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / var(--len) 2px no-repeat,linear-gradient(var(--accent),var(--accent)) bottom right / 2px var(--len) no-repeat}.ilf-texture-gallery:is(.hud-corners-both,.hud-corners-images) .hud-corners{display:block}@keyframes ilf-tg-hud-glitch{0%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}to{transform:translate(-1px,-1px)}}@keyframes ilf-tg-hud-lock{0%{transform:rotate(60deg) scale(.7)}to{transform:rotate(0) scale(1.06)}}@keyframes ilf-tg-blink{50%{opacity:0}}.ilf-texture-gallery.buttons-magnetic-dock .btn-row{--btn-w: 124;--btn-gap: 14;--btn-pad: 22;align-items:flex-end;height:calc(128 * var(--u));box-sizing:border-box;margin-top:calc(40 * var(--u));padding-block:calc(16 * var(--u));border-radius:calc(36 * var(--u));background:linear-gradient(180deg,#fffffff2,#f4eee9f2);box-shadow:0 calc(26 * var(--u)) calc(44 * var(--u)) calc(-26 * var(--u)) #3c281e80,inset 0 0 0 1px #3c281e14,inset 0 1px #fff}.ilf-texture-gallery.buttons-magnetic-dock .ilf-control-btn{justify-content:flex-end;height:calc(96 * var(--u))}.ilf-texture-gallery.buttons-magnetic-dock .btn-face{position:relative;display:block;width:calc(96 * var(--u));height:calc(96 * var(--u));flex:none;border-radius:calc(24 * var(--u));background-color:var(--button-color);background-image:linear-gradient(160deg,#ffffff73,#ffffff14 40%,#0000 60%,#0000001f);box-shadow:0 calc(12 * var(--u)) calc(18 * var(--u)) calc(-10 * var(--u)) #321e1699,inset 0 1px 1px #fff9,0 0 0 1px #3c281e14;transform-origin:50% 100%;transition:scale .24s cubic-bezier(.3,.7,.4,1.1),filter .15s ease}.ilf-texture-gallery.buttons-magnetic-dock .btn-title{position:absolute;left:calc(6 * var(--u));right:calc(6 * var(--u));bottom:calc(10 * var(--u));color:#3a2a24cc}.ilf-texture-gallery.buttons-magnetic-dock .tone-dark .btn-title{color:#ffffffe6}.ilf-texture-gallery.buttons-magnetic-dock .ilf-control-btn:has(+.ilf-control-btn+.is-active) .btn-face,.ilf-texture-gallery.buttons-magnetic-dock .is-active+.ilf-control-btn+.ilf-control-btn .btn-face{scale:1.0625}.ilf-texture-gallery.buttons-magnetic-dock .ilf-control-btn:has(+.is-active) .btn-face,.ilf-texture-gallery.buttons-magnetic-dock .is-active+.ilf-control-btn .btn-face{scale:1.1458}.ilf-texture-gallery.buttons-magnetic-dock .ilf-control-btn.is-active .btn-face{scale:1.2917;animation:ilf-tg-dock-bounce .9s cubic-bezier(.3,.7,.4,1)}.ilf-texture-gallery.buttons-magnetic-dock .ilf-control-btn:active .btn-face{filter:brightness(.85)}@keyframes ilf-tg-dock-bounce{0%{translate:0 0}25%{translate:0 calc(-24 * var(--u))}50%{translate:0 0}70%{translate:0 calc(-8 * var(--u))}to{translate:0 0}}.ilf-texture-gallery.buttons-liquid-pill .btn-row{--btn-w: 131.333;--btn-gap: 0;--btn-pad: 8;--pill-start: 0;--pill-end: 0;align-items:stretch;height:calc(72 * var(--u));box-sizing:border-box;padding-block:calc(8 * var(--u));border-radius:calc(36 * var(--u));background:linear-gradient(180deg,#eee6e0,#f8f3ef);box-shadow:inset 0 2px 7px #50322329,inset 0 -1px #fff}.ilf-texture-gallery .pill-indicator{--segment: calc((100% - 16 * var(--u)) / var(--controls-count));position:absolute;top:calc(8 * var(--u));bottom:calc(8 * var(--u));left:calc(8 * var(--u) + var(--pill-start) * var(--segment));right:calc(8 * var(--u) + var(--pill-end) * var(--segment));z-index:0;pointer-events:none;border-radius:calc(28 * var(--u));background-color:#ffffff80;box-shadow:0 6px 14px -8px #3c281e40,inset 0 1px #fff;transition:left .55s cubic-bezier(.5,0,.2,1),right .55s cubic-bezier(.5,0,.2,1),background-color .4s ease,box-shadow .4s ease}.ilf-texture-gallery .btn-row:has(.is-active) .pill-indicator{background-color:#fff;box-shadow:0 8px 16px -6px #3c281e59,inset 0 -3px 0 var(--accent),inset 0 1px #fff}.ilf-texture-gallery .btn-row.is-forward .pill-indicator{transition:left .62s cubic-bezier(.5,0,.2,1) .08s,right .38s cubic-bezier(.5,0,.2,1),background-color .4s ease,box-shadow .4s ease}.ilf-texture-gallery .btn-row.is-backward .pill-indicator{transition:left .38s cubic-bezier(.5,0,.2,1),right .62s cubic-bezier(.5,0,.2,1) .08s,background-color .4s ease,box-shadow .4s ease}.ilf-texture-gallery .btn-row.step-a .pill-indicator{animation:ilf-tg-goo-a .7s ease both}.ilf-texture-gallery .btn-row.step-b .pill-indicator{animation:ilf-tg-goo-b .7s ease both}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(1).is-active){--pill-start: 0;--pill-end: calc(var(--controls-count) - 1)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(2).is-active){--pill-start: 1;--pill-end: calc(var(--controls-count) - 2)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(3).is-active){--pill-start: 2;--pill-end: calc(var(--controls-count) - 3)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(4).is-active){--pill-start: 3;--pill-end: calc(var(--controls-count) - 4)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(5).is-active){--pill-start: 4;--pill-end: calc(var(--controls-count) - 5)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(6).is-active){--pill-start: 5;--pill-end: calc(var(--controls-count) - 6)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(7).is-active){--pill-start: 6;--pill-end: calc(var(--controls-count) - 7)}.ilf-texture-gallery .btn-row:has(>.ilf-control-btn:nth-of-type(8).is-active){--pill-start: 7;--pill-end: calc(var(--controls-count) - 8)}.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn{z-index:1;flex:1 1 0;width:auto;flex-direction:row;justify-content:center;gap:calc(10 * var(--u));height:100%;border-radius:calc(28 * var(--u));font-size:max(11px,calc(13 * var(--u)));font-weight:500;color:#6e5d55;transition:background-color .25s ease,color .3s ease}.ilf-texture-gallery.buttons-liquid-pill .btn-title{font-size:inherit;font-weight:inherit;color:inherit}.ilf-texture-gallery.buttons-liquid-pill .btn-swatch{flex:none;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;background-color:var(--button-color);background-image:radial-gradient(circle at 34% 28%,#ffffffd9,#fff0 34%);box-shadow:inset 0 calc(-3 * var(--u)) calc(5 * var(--u)) #0000002e,0 0 0 1px #3c281e1f;pointer-events:none;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}@media(hover:hover){.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn:hover{background-color:#ffffff73}.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn:hover .btn-swatch{transform:scale(1.25)}}.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn:active .btn-swatch{transform:scale(.82);transition-duration:.08s}.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn.is-active{color:#1e1714;font-weight:600}.ilf-texture-gallery.buttons-liquid-pill .ilf-control-btn.is-active .btn-swatch{transform:scale(1.1);box-shadow:inset 0 calc(-3 * var(--u)) calc(5 * var(--u)) #0000002e,0 0 0 1px #3c281e1f,0 0 0 calc(4 * var(--u)) color-mix(in srgb,var(--accent) 18%,transparent)}@keyframes ilf-tg-goo-a{0%{transform:scaleY(1)}35%{transform:scaleY(.82)}65%{transform:scaleY(1.06)}to{transform:scaleY(1)}}@keyframes ilf-tg-goo-b{0%{transform:scaleY(1)}35%{transform:scaleY(.82)}65%{transform:scaleY(1.06)}to{transform:scaleY(1)}}.ilf-texture-gallery .btn-disc{position:absolute;left:50%;width:calc(82 * var(--u));height:calc(82 * var(--u));translate:-50% -50%;border-radius:50%;background-color:var(--button-color);filter:blur(1px);box-shadow:0 calc(13 * var(--u)) calc(22 * var(--u)) calc(-4 * var(--u)) #00000080,inset 0 calc(-3 * var(--u)) calc(4 * var(--u)) calc(-1 * var(--u)) #0003,0 calc(-9 * var(--u)) calc(13 * var(--u)) calc(-1 * var(--u)) #fff9,inset 0 calc(3 * var(--u)) calc(4 * var(--u)) calc(-1 * var(--u)) #fff3,inset 0 0 calc(5 * var(--u)) var(--u) #fffc,inset 0 calc(17 * var(--u)) calc(26 * var(--u)) 0 #fff3;transition:box-shadow .3s cubic-bezier(.23,1,.32,1)}.ilf-texture-gallery .ilf-control-btn.is-active .btn-disc{box-shadow:0 calc(13 * var(--u)) calc(22 * var(--u)) calc(-4 * var(--u)) #0006,inset 0 calc(-7 * var(--u)) calc(22 * var(--u)) calc(-1 * var(--u)) #ffffffe6,0 calc(-9 * var(--u)) calc(13 * var(--u)) calc(-1 * var(--u)) #fff9,inset 0 calc(7 * var(--u)) calc(17 * var(--u)) 0 #0003,inset 0 0 calc(5 * var(--u)) var(--u) #fff9,inset 0 0 #fff0}.ilf-texture-gallery .ilf-control-btn:active .btn-disc{box-shadow:0 calc(13 * var(--u)) calc(22 * var(--u)) calc(-4 * var(--u)) #0006,inset 0 calc(-7 * var(--u)) calc(26 * var(--u)) var(--u) #ffffffe6,0 calc(-9 * var(--u)) calc(13 * var(--u)) calc(-1 * var(--u)) #fff9,inset 0 calc(7 * var(--u)) calc(22 * var(--u)) 0 #0006,inset 0 0 calc(9 * var(--u)) var(--u) #fff9,inset 0 0 #fff0}.ilf-texture-gallery.buttons-touch-pads .btn-row{--btn-w: 120;--btn-gap: 28;padding-top:calc(4 * var(--u))}.ilf-texture-gallery.buttons-touch-pads .ilf-control-btn{gap:calc(16 * var(--u))}.ilf-texture-gallery.buttons-touch-pads .btn-face{position:relative;display:block;width:calc(120 * var(--u));height:calc(120 * var(--u));border-radius:calc(10 * var(--u));background-color:var(--button-color);box-shadow:inset 0 0 calc(30 * var(--u)) calc(4 * var(--u)) #00000040,inset 0 2px 1px 1px #ffffffe6,inset 0 -2px 1px #00000040,0 calc(12 * var(--u)) calc(20 * var(--u)) calc(-14 * var(--u)) #28191280}.ilf-texture-gallery.buttons-touch-pads .btn-face:before{content:"";position:absolute;left:50%;top:calc(50% - 2 * var(--u));width:calc(86 * var(--u));height:calc(86 * var(--u));translate:-50% -50%;border-radius:50%;background:#fff;box-shadow:0 0 calc(15 * var(--u)) calc(7.5 * var(--u)) #fff;opacity:.2}.ilf-texture-gallery.buttons-touch-pads .btn-disc{top:calc(50% - 2 * var(--u))}.ilf-texture-gallery.buttons-touch-pads .btn-title{font-weight:500;color:#6e5d55;transition:color .3s ease}.ilf-texture-gallery.buttons-touch-pads .ilf-control-btn.is-active .btn-title{font-weight:600;color:#1e1714}.ilf-texture-gallery.buttons-heat-touch .btn-row{--btn-w: 120;--btn-gap: 20;padding-top:calc(4 * var(--u))}.ilf-texture-gallery.buttons-heat-touch .ilf-control-btn{height:calc(120 * var(--u))}.ilf-texture-gallery.buttons-heat-touch .btn-face{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:calc(24 * var(--u));background-color:var(--button-color);box-shadow:0 calc(12 * var(--u)) calc(20 * var(--u)) calc(-14 * var(--u)) #321e1673,0 0 0 1px #3c281e1a;transition:transform .45s cubic-bezier(.34,1.5,.5,1),box-shadow .5s ease}.ilf-texture-gallery .btn-frost{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#ffffffa8,#ffffff80)}.ilf-texture-gallery .btn-heat{position:absolute;left:0;top:0;width:calc(40 * var(--u));height:calc(40 * var(--u));margin:calc(-20 * var(--u)) 0 0 calc(-20 * var(--u));border-radius:50%;background:radial-gradient(circle,var(--button-color) 58%,transparent 72%);transform:scale(0)}.ilf-texture-gallery.buttons-heat-touch .btn-title{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:calc(11 * var(--u));z-index:1;transition:color .4s ease}.ilf-texture-gallery.buttons-heat-touch .ilf-control-btn.is-active.tone-dark .btn-title{color:#fff}.ilf-texture-gallery.buttons-heat-touch .ilf-control-btn:active .btn-face{transform:scale(.95);transition-duration:.1s}.ilf-texture-gallery.buttons-heat-touch .ilf-control-btn.is-active .btn-face{box-shadow:0 0 0 4px color-mix(in srgb,var(--button-color) 33%,transparent),0 calc(22 * var(--u)) calc(30 * var(--u)) calc(-14 * var(--u)) color-mix(in srgb,var(--button-color) 80%,transparent),0 0 0 1px #3c281e1a}.ilf-texture-gallery.buttons-tilt-glass .btn-row{--btn-w: 120;--btn-gap: 22;--btn-pad: 6;padding-top:calc(10 * var(--u))}.ilf-texture-gallery.buttons-tilt-glass .ilf-control-btn{height:calc(120 * var(--u))}.ilf-texture-gallery.buttons-tilt-glass .btn-face{position:relative;display:block;width:100%;height:100%;box-sizing:border-box;overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:calc(26 * var(--u));background-color:var(--button-color);background-image:linear-gradient(150deg,#ffffff8c,#ffffff14 45%,#0000001a);box-shadow:0 calc(16 * var(--u)) calc(26 * var(--u)) calc(-16 * var(--u)) #321e168c,0 0 0 1px #3c281e14;transition:transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}.ilf-texture-gallery .btn-glare{position:absolute;left:0;top:0;width:calc(240 * var(--u));height:calc(240 * var(--u));margin:calc(-120 * var(--u)) 0 0 calc(-120 * var(--u));border-radius:50%;background:radial-gradient(circle,#ffffff9e,#fff0 60%);opacity:0;transform:translate(calc(60 * var(--u)),calc(30 * var(--u)));transition:opacity .3s ease}.ilf-texture-gallery.buttons-tilt-glass .btn-title{position:absolute;left:calc(8 * var(--u));right:calc(8 * var(--u));bottom:calc(11 * var(--u));color:#3a2a24cc}.ilf-texture-gallery.buttons-tilt-glass .tone-dark .btn-title{color:#ffffffeb}@media(hover:hover){.ilf-texture-gallery.buttons-tilt-glass .ilf-control-btn:hover .btn-glare{opacity:.9}}.ilf-texture-gallery.buttons-tilt-glass .ilf-control-btn.is-active .btn-face{transform:translateY(calc(-6 * var(--u))) scale(1.04);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--accent),0 calc(28 * var(--u)) calc(36 * var(--u)) calc(-18 * var(--u)) #321e1680}.ilf-texture-gallery.buttons-tilt-glass .ilf-control-btn.is-active .btn-glare{opacity:.9}.ilf-texture-gallery.buttons-squishy-panel .btn-row{--btn-w: 118;--btn-gap: 6;--btn-pad: 22;padding-block:calc(16 * var(--u)) calc(12 * var(--u));border-radius:calc(24 * var(--u));background:linear-gradient(180deg,#eee6e0,#f8f3ef);box-shadow:inset 0 2px 7px #50322329,inset 0 -1px #fff,0 calc(24 * var(--u)) calc(36 * var(--u)) calc(-26 * var(--u)) #28191259}.ilf-texture-gallery.buttons-squishy-panel .ilf-control-btn{height:calc(154 * var(--u))}.ilf-texture-gallery.buttons-squishy-panel.button-titles-off .ilf-control-btn{height:calc(124 * var(--u))}.ilf-texture-gallery.buttons-squishy-panel .btn-face{position:absolute;top:0;right:0;bottom:0;left:0}.ilf-texture-gallery.buttons-squishy-panel .btn-face:before{content:"";position:absolute;left:50%;top:calc(58 * var(--u));width:calc(86 * var(--u));height:calc(86 * var(--u));translate:-50% -50%;border-radius:50%;background:#fff;box-shadow:0 0 calc(15 * var(--u)) calc(7.5 * var(--u)) #fff;opacity:.24}.ilf-texture-gallery .btn-socket{position:absolute;left:50%;top:calc(58 * var(--u));width:calc(98 * var(--u));height:calc(98 * var(--u));translate:-50% -50%;border-radius:50%;background:#00000009;box-shadow:inset 0 calc(3 * var(--u)) calc(7 * var(--u)) #0000003d,inset 0 -1px 1px #fff9,0 1px #ffffffbf}.ilf-texture-gallery.buttons-squishy-panel .btn-disc{top:calc(58 * var(--u))}.ilf-texture-gallery .btn-led{position:absolute;left:50%;bottom:calc(30 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));translate:-50% 0;border-radius:50%;background:#0003;box-shadow:inset 0 1px 1px #00000059,0 1px #fff9;transition:background-color .25s ease,box-shadow .25s ease}.ilf-texture-gallery.button-titles-off .btn-led{bottom:calc(14 * var(--u))}.ilf-texture-gallery.buttons-squishy-panel .ilf-control-btn.is-active .btn-led{background:var(--accent);box-shadow:0 0 6px 2px color-mix(in srgb,var(--accent) 75%,transparent),0 1px #fff9}.ilf-texture-gallery.buttons-squishy-panel .btn-title{position:absolute;left:calc(4 * var(--u));right:calc(4 * var(--u));bottom:calc(8 * var(--u));font-size:max(10px,calc(11 * var(--u)));letter-spacing:.1em;text-transform:uppercase;color:#32241ebf;text-shadow:0 1px 0 rgba(255,255,255,.75);transition:color .3s ease}.ilf-texture-gallery.buttons-squishy-panel .ilf-control-btn.is-active .btn-title{color:#1e1714}.ilf-texture-gallery:is(.buttons-segment-bar,.buttons-option-buttons,.buttons-round-swatches,.buttons-dark-pills,.buttons-painted-tiles) .btn-row{--slots: var(--controls-count);--accent-deep: color-mix(in srgb, var(--accent) 75%, #000);--ink: var(--subheading-color);justify-content:center}.ilf-texture-gallery:is(.buttons-painted-tiles,.buttons-dark-pills) .btn-row{width:max-content;gap:clamp(calc(var(--btn-gap) * var(--u)),(100cqw - var(--controls-count) * var(--btn-w) * var(--u)) / (var(--controls-count) + 1),calc(48 * var(--u)))}.ilf-texture-gallery.buttons-segment-bar .btn-row{--btn-w: 240;--btn-gap: 0;align-items:stretch;height:calc(72 * var(--u));overflow:hidden;border:2px solid var(--accent);background-color:#fff;box-shadow:0 calc(16 * var(--u)) calc(28 * var(--u)) calc(-20 * var(--u)) color-mix(in srgb,var(--accent) 70%,transparent)}.ilf-texture-gallery .segment-thumb{position:absolute;top:0;bottom:0;left:0;width:calc(100% / var(--controls-count));background-color:var(--accent);opacity:0;transform:translate(calc(var(--at, 0) * 100%));pointer-events:none;transition:transform .45s cubic-bezier(.65,0,.35,1),opacity .25s ease}.ilf-texture-gallery .has-active .segment-thumb{opacity:1}.ilf-texture-gallery .btn-row.at-1{--at: 1}.ilf-texture-gallery .btn-row.at-2{--at: 2}.ilf-texture-gallery .btn-row.at-3{--at: 3}.ilf-texture-gallery .btn-row.at-4{--at: 4}.ilf-texture-gallery .btn-row.at-5{--at: 5}.ilf-texture-gallery .btn-row.at-6{--at: 6}.ilf-texture-gallery .btn-row.at-7{--at: 7}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn{z-index:1;flex:1 1 0;width:auto;min-width:0;flex-direction:row;justify-content:center;gap:calc(14 * var(--u));padding:0 calc(8 * var(--u));font-family:Bebas Neue,sans-serif;font-size:calc(28 * var(--u));font-weight:400;line-height:1;letter-spacing:.06em;color:var(--accent-deep);transition:color .3s ease,background-color .2s ease}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn+.ilf-control-btn{box-shadow:inset 1px 0 color-mix(in srgb,var(--accent) 22%,#fff)}.ilf-texture-gallery.buttons-segment-bar .btn-title{font:inherit;letter-spacing:inherit;color:inherit}.ilf-texture-gallery.buttons-segment-bar .btn-swatch{flex:none;width:calc(30 * var(--u));height:calc(30 * var(--u));border-radius:50%;background-color:var(--button-color);box-shadow:inset 0 calc(-3 * var(--u)) calc(5 * var(--u)) #00000038,inset 0 calc(2 * var(--u)) calc(3 * var(--u)) #ffffff73,0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--accent) 35%,transparent);transition:transform .3s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn:hover{background-color:color-mix(in srgb,var(--accent) 12%,transparent)}}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn:active .btn-swatch{transform:scale(.86)}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn.is-active{color:#fff;background-color:transparent}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn.is-active .btn-swatch{box-shadow:inset 0 calc(-3 * var(--u)) calc(5 * var(--u)) #00000038,inset 0 calc(2 * var(--u)) calc(3 * var(--u)) #ffffff73,0 0 0 3px #fff}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn:focus-visible{outline:3px solid var(--accent-deep);outline-offset:-6px}.ilf-texture-gallery.buttons-option-buttons .btn-row{--btn-w: 204;--btn-gap: 16;padding-top:calc(4 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn{height:calc(60 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-face{display:flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));width:100%;height:100%;box-sizing:border-box;border:2px solid var(--accent);border-radius:3px;background-color:#fff;color:var(--accent-deep);font-size:calc(19 * var(--u));font-weight:700;transition:background-color .25s ease,color .25s ease,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease}.ilf-texture-gallery.buttons-option-buttons .btn-title{font:inherit;letter-spacing:normal;color:inherit}.ilf-texture-gallery.buttons-option-buttons .btn-swatch{flex:none;width:calc(24 * var(--u));height:calc(24 * var(--u));border-radius:50%;background-color:var(--button-color);box-shadow:inset 0 calc(-2 * var(--u)) calc(4 * var(--u)) #00000040,0 0 0 2px #fff,0 0 0 3px color-mix(in srgb,var(--accent) 40%,transparent)}.ilf-texture-gallery .btn-tick{display:flex;flex:none;width:0;overflow:hidden;transition:width .3s ease}.ilf-texture-gallery .btn-tick svg{flex:none;width:calc(16 * var(--u));height:calc(16 * var(--u))}@media(hover:hover){.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn:hover .btn-face{background-color:color-mix(in srgb,var(--accent) 10%,#fff);transform:translateY(calc(-2 * var(--u)));box-shadow:0 calc(10 * var(--u)) calc(18 * var(--u)) calc(-12 * var(--u)) color-mix(in srgb,var(--accent) 70%,transparent)}}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn:active .btn-face{transform:scale(.97)}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn.is-active .btn-face{background-color:var(--accent);color:#fff;box-shadow:0 calc(14 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) color-mix(in srgb,var(--accent) 90%,transparent)}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn.is-active .btn-swatch{box-shadow:inset 0 calc(-2 * var(--u)) calc(4 * var(--u)) #00000040,0 0 0 2px #fff}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn.is-active .btn-tick{width:calc(16 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn:focus-visible{outline:2px solid var(--accent-deep);outline-offset:3px}.ilf-texture-gallery.buttons-round-swatches .btn-row{--btn-w: 108;--btn-gap: 56;padding-top:calc(4 * var(--u))}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn{gap:calc(14 * var(--u));padding:calc(6 * var(--u));box-sizing:border-box;border-radius:6px}.ilf-texture-gallery.buttons-round-swatches .btn-face{display:block;flex:none;width:calc(72 * var(--u));height:calc(72 * var(--u));border-radius:50%;background-color:var(--button-color);box-shadow:inset 0 calc(-6 * var(--u)) calc(10 * var(--u)) #0000002e,0 0 0 1px #0000001a;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ilf-texture-gallery.buttons-round-swatches .btn-title{box-sizing:border-box;padding-left:.22em;letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,var(--ink) 75%,var(--background-color));transition:color .3s ease}.ilf-texture-gallery .btn-line{display:block;flex:none;width:0;height:calc(3 * var(--u));margin-top:calc(-6 * var(--u));background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,#000),color-mix(in srgb,var(--accent) 85%,#fff) 50%,color-mix(in srgb,var(--accent) 60%,#000));pointer-events:none;transition:width .35s ease}@media(hover:hover){.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn:hover .btn-face{transform:translateY(calc(-3 * var(--u)))}}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn:active .btn-face{transform:scale(.92);transition-duration:.1s}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn.is-active .btn-face{box-shadow:inset 0 calc(-6 * var(--u)) calc(10 * var(--u)) #0000002e,0 0 0 1px #0000001a,0 0 0 5px var(--background-color),0 0 0 7px var(--accent)}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn.is-active .btn-title{color:color-mix(in srgb,var(--accent) 75%,var(--ink))}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn.is-active .btn-line{width:calc(40 * var(--u))}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ilf-texture-gallery.buttons-dark-pills .btn-row{--btn-w: 250;--btn-gap: 14;padding-top:calc(4 * var(--u))}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn{height:calc(64 * var(--u));border-radius:calc(32 * var(--u))}.ilf-texture-gallery.buttons-dark-pills .btn-face{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:calc(12 * var(--u));width:100%;height:100%;box-sizing:border-box;padding:0 calc(64 * var(--u)) 0 calc(10 * var(--u));border-radius:calc(32 * var(--u));background-color:#111;color:#fff;font-size:calc(17 * var(--u));font-weight:700;box-shadow:0 calc(12 * var(--u)) calc(22 * var(--u)) calc(-14 * var(--u)) #111c;transition:background-color .3s ease,transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease}.ilf-texture-gallery.buttons-dark-pills .btn-title{min-width:0;font:inherit;letter-spacing:normal;text-align:center;color:inherit}.ilf-texture-gallery.buttons-dark-pills .btn-swatch{flex:none;width:calc(42 * var(--u));height:calc(42 * var(--u));border-radius:50%;background-color:var(--button-color);box-shadow:inset 0 calc(-3 * var(--u)) calc(6 * var(--u)) #0000004d,0 0 0 2px #ffffffe6;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}@media(hover:hover){.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn:hover .btn-face{transform:translateY(calc(-2 * var(--u)));background-color:#2a2a2a}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn:hover .btn-swatch{transform:rotate(-20deg) scale(1.06)}}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn:active .btn-face{transform:scale(.96)}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn.is-active .btn-face{background-color:var(--accent);box-shadow:0 calc(14 * var(--u)) calc(24 * var(--u)) calc(-12 * var(--u)) color-mix(in srgb,var(--accent) 80%,transparent)}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn.is-active .btn-swatch{animation:ilf-tg-disc-pop .5s cubic-bezier(.3,.7,.3,1)}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@keyframes ilf-tg-disc-pop{40%{transform:scale(1.2)}to{transform:scale(1)}}.ilf-texture-gallery.buttons-painted-tiles .btn-row{--btn-w: 250.667;--btn-gap: 14;padding-block:calc(7 * var(--u))}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn{height:var(--tile-height-desktop)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:after{content:"";position:absolute;inset:calc(-7 * var(--u));box-shadow:0 0 0 1px transparent;pointer-events:none;transition:box-shadow .3s ease}.ilf-texture-gallery.buttons-painted-tiles .btn-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--button-color);background-image:linear-gradient(180deg,#ffffff24,#fff0 55%,#0000000f);color:#111;transition:transform .35s cubic-bezier(.2,.7,.2,1)}.ilf-texture-gallery.buttons-painted-tiles .tone-dark .btn-face{color:#fff}.ilf-texture-gallery.buttons-painted-tiles .btn-title{position:relative;box-sizing:border-box;padding:calc(.68em + 1px) 0 calc(.68em + 1px) .24em;text-box:trim-both cap alphabetic;font-size:max(9px,calc(13 * var(--u)));font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:inherit}@supports not (text-box: trim-both cap alphabetic){.ilf-texture-gallery.buttons-painted-tiles .btn-title{padding-block:.55em .43em}}.ilf-texture-gallery.buttons-painted-tiles .btn-title:after{content:"";position:absolute;left:.24em;right:.24em;bottom:0;height:1px;background-color:currentColor;transform:scaleX(0);transition:transform .45s cubic-bezier(.65,0,.35,1)}@media(hover:hover){.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:hover:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 35%,transparent)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:hover .btn-title:after{transform:scaleX(.4)}}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:active .btn-face{transform:scale(.98)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn.is-active:after{box-shadow:0 0 0 1px var(--ink)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn.is-active .btn-title:after{transform:scaleX(1)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:focus-visible{outline:none}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:focus-visible:after{box-shadow:0 0 0 2px var(--ink)}@media(prefers-reduced-motion:reduce){.ilf-texture-gallery .btn-row *,.ilf-texture-gallery .btn-row *:before,.ilf-texture-gallery .btn-row *:after,.ilf-texture-gallery .pill-indicator{animation:none!important;transition-duration:.01ms!important}}.ilf-texture-gallery.show-labels .ilf-label.is-active{opacity:1;transform:translateY(0);transition:opacity .35s ease .28s,transform .35s ease .28s}.ilf-texture-gallery .ilf-fx{--edge-skew: calc(atan(var(--slant) * var(--aspect))*-1) ;position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;pointer-events:none}.ilf-texture-gallery .fx-pieces{position:absolute;top:0;right:0;bottom:0;left:0;container-type:size}.ilf-texture-gallery .fx-pieces--strips{display:grid;grid-auto-flow:column;grid-auto-columns:1fr}.ilf-texture-gallery .fx-pieces--tiles{display:grid}.ilf-texture-gallery .fx-pieces--16x4{grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(4,1fr)}.ilf-texture-gallery .fx-pieces--8x3{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(3,1fr)}.ilf-texture-gallery .fx-image{display:block;max-width:none;object-fit:cover}.ilf-texture-gallery .fx-piece{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ilf-texture-gallery .fx-strip,.ilf-texture-gallery .fx-tile{position:relative;overflow:hidden}.ilf-texture-gallery .fx-pieces--rows{display:grid;grid-template-rows:repeat(14,1fr)}.ilf-texture-gallery .fx-row{position:relative;height:calc(100% + 1px);overflow:hidden}.ilf-texture-gallery .fx-strip .fx-image,.ilf-texture-gallery .fx-tile .fx-image,.ilf-texture-gallery .fx-row .fx-image,.ilf-texture-gallery .fx-soft .fx-image{position:absolute;top:0;left:0;width:100cqw;height:100cqh}.ilf-texture-gallery .fx-soft{position:absolute;top:0;left:0;width:200%;height:100%;transform-origin:0 0;transform:skew(var(--edge-skew));-webkit-mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);mask-image:radial-gradient(closest-side,#000 68%,transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:0 0;mask-size:0 0}.ilf-texture-gallery .fx-soft .fx-image{transform-origin:0 0;transform:skew(calc(-1 * var(--edge-skew)))}.ilf-texture-gallery .fx-liquid{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;overflow:hidden}.ilf-texture-gallery .fx-fold{-webkit-backface-visibility:hidden;backface-visibility:hidden}.ilf-texture-gallery .fx-edge,.ilf-texture-gallery .fx-laser,.ilf-texture-gallery .fx-lines{position:absolute;top:0;right:0;bottom:0;left:0}.ilf-texture-gallery .fx-edge,.ilf-texture-gallery .fx-laser,.ilf-texture-gallery .fx-lines{opacity:0}.ilf-texture-gallery .fx-edge:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;margin-left:-1.5px;background:linear-gradient(180deg,#fffaf400,#fffaf4 18% 82%,#fffaf400);box-shadow:0 0 14px 3px #fff8f0a6;transform:skew(var(--edge-skew))}.ilf-texture-gallery .fx-laser:before,.ilf-texture-gallery .fx-laser:after{content:"";position:absolute;top:0;bottom:0;transform:skew(var(--edge-skew))}.ilf-texture-gallery .fx-laser:before{left:0;width:2px;margin-left:-1px;background-color:#fff3e6;box-shadow:0 0 10px 2px #f2b179f2,0 0 36px 10px #f2b17973}.ilf-texture-gallery .fx-laser--left:after{left:1px;width:140px;background:linear-gradient(90deg,#f2b17942,#f2b17900)}.ilf-texture-gallery .fx-laser--right:after{left:-141px;width:140px;background:linear-gradient(90deg,#f2b17900,#f2b17942)}.ilf-texture-gallery .fx-laser__label{position:absolute;top:10px;left:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;letter-spacing:.12em;white-space:nowrap;color:#ffe4cc;text-shadow:0 0 6px rgba(242,177,121,.9)}.ilf-texture-gallery .fx-lines{background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 4px)}.ilf-texture-gallery .fx-heart{position:absolute;top:0;left:0;width:calc(100% * 40 / 1152);height:auto;aspect-ratio:143.69 / 117.86;overflow:visible;opacity:0;stroke-width:6;stroke-linejoin:round;paint-order:stroke;filter:drop-shadow(0 4px 8px rgba(15,60,110,.35))}.ilf-texture-gallery .fx-heart--white{fill:#fff;stroke:var(--accent)}.ilf-texture-gallery .fx-heart--accent{fill:var(--accent);stroke:#fff}.ilf-texture-gallery .fx-heart--deep{fill:color-mix(in srgb,var(--accent) 72%,#000);stroke:#fff}.ilf-texture-gallery .empty-hint{width:100%;max-width:1200px;margin:0;padding:24px;border:1px dashed rgba(0,0,0,.35);border-radius:4px;font-size:14px;text-align:center;color:#444;background:#ffffffd9}.ilf-texture-gallery .data-source{width:100%;max-width:1200px;margin-top:16px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;text-align:left;color:#fff;background:#000c;border:1px solid rgba(255,255,255,.25);border-radius:4px;overflow-wrap:anywhere}.ilf-texture-gallery .data-source-title{font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.ilf-texture-gallery .data-source[open] .data-source-title{margin-bottom:6px}.ilf-texture-gallery .data-source-list{display:grid;grid-template-columns:max-content 1fr;gap:2px 10px;margin:0}.ilf-texture-gallery .data-source-list dt{color:#ffffffa6}.ilf-texture-gallery .data-source-list dd{margin:0}.ilf-texture-gallery .data-source-tabs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px 16px;margin-top:10px}.ilf-texture-gallery .data-source-tab-name{margin-bottom:2px;font-weight:700}.ilf-texture-gallery .data-source-tones{margin:0;padding:0;list-style:none}.ilf-texture-gallery .data-source-tones .is-skipped{color:#ffffff80}.ilf-texture-gallery .data-source-tone{display:inline-block;min-width:7ch}.ilf-texture-gallery .data-source-note{color:#fff9}@media screen and (max-width:749px){.ilf-texture-gallery{padding:var(--padding-top-mobile) var(--padding-horizontal-mobile) var(--padding-bottom-mobile)}.ilf-texture-gallery .heading-container{margin-bottom:8px}.ilf-texture-gallery .heading{font-size:38px;line-height:1.2}.ilf-texture-gallery .subheading{font-size:18px}.ilf-texture-gallery .ilf-mobile-controls{display:grid;margin-top:var(--buttons-gap-mobile)}.ilf-texture-gallery .ilf-label{font-size:1.5rem}.ilf-texture-gallery .ilf-tabs{grid-auto-columns:minmax(96px,1fr)}.ilf-texture-gallery .ilf-tab{flex-direction:column;gap:6px;padding:10px 6px;font-size:13px}.ilf-texture-gallery.tabs-hide-images-mobile .ilf-tab__img{display:none}.ilf-texture-gallery.buttons-dots .ilf-control-btn{width:50%;height:45%}.ilf-texture-gallery .btn-row{--slots: var(--controls-count)}.ilf-texture-gallery .hud-corners{--len: 16px;--gap: 8px}.ilf-texture-gallery:is(.hud-corners-both,.hud-corners-images) .ilf-tabs{margin-bottom:16px}.ilf-texture-gallery.buttons-holo-chips .ilf-control-btn{flex:none;width:calc(var(--btn-w) * var(--u))}.ilf-texture-gallery .btn-title,.ilf-texture-gallery .btn-label{display:none}.ilf-texture-gallery.buttons-holo-chips .btn-row{--btn-w: 68}.ilf-texture-gallery.buttons-holo-chips .btn-face{padding:0}.ilf-texture-gallery.buttons-squishy-panel .ilf-control-btn{height:calc(124 * var(--u))}.ilf-texture-gallery.buttons-squishy-panel .btn-led{bottom:calc(14 * var(--u))}.ilf-texture-gallery:is(.buttons-segment-bar,.buttons-option-buttons,.buttons-round-swatches,.buttons-dark-pills,.buttons-painted-tiles):not(.button-titles-off) .btn-title{display:block}.ilf-texture-gallery.buttons-segment-bar .btn-row{--btn-w: 119.333;width:100%;height:calc(60 * var(--u))}.ilf-texture-gallery.buttons-segment-bar .ilf-control-btn{gap:calc(8 * var(--u));padding:0 calc(4 * var(--u));font-size:calc(21 * var(--u))}.ilf-texture-gallery.buttons-segment-bar .btn-swatch{width:calc(22 * var(--u));height:calc(22 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-row{--btn-w: 110;--btn-gap: 8}.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn{height:calc(52 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-face{gap:calc(6 * var(--u));font-size:calc(14 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-swatch{width:calc(18 * var(--u));height:calc(18 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-tick svg,.ilf-texture-gallery.buttons-option-buttons .ilf-control-btn.is-active .btn-tick{width:calc(14 * var(--u))}.ilf-texture-gallery.buttons-option-buttons .btn-tick svg{height:calc(14 * var(--u))}.ilf-texture-gallery.buttons-round-swatches .btn-row{--btn-w: 96;--btn-gap: 20}.ilf-texture-gallery.buttons-round-swatches .ilf-control-btn{gap:calc(10 * var(--u))}.ilf-texture-gallery.buttons-round-swatches .btn-face{width:calc(56 * var(--u));height:calc(56 * var(--u))}.ilf-texture-gallery.buttons-round-swatches .btn-title{padding-left:.18em;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.18em}.ilf-texture-gallery.buttons-dark-pills .btn-row{--btn-w: 114;--btn-gap: 8;width:100%;gap:calc(var(--btn-gap) * var(--u))}.ilf-texture-gallery.buttons-dark-pills .ilf-control-btn{flex:1 1 0;width:auto;min-width:0;height:calc(52 * var(--u));border-radius:calc(26 * var(--u))}.ilf-texture-gallery.buttons-dark-pills .btn-face{column-gap:calc(8 * var(--u));padding:0 calc(12 * var(--u)) 0 calc(8 * var(--u));border-radius:calc(26 * var(--u));font-size:calc(13 * var(--u))}.ilf-texture-gallery.buttons-dark-pills .btn-swatch{width:calc(30 * var(--u));height:calc(30 * var(--u))}.ilf-texture-gallery.buttons-painted-tiles .btn-row{--btn-w: 114;--btn-gap: 8;width:100%;gap:calc(var(--btn-gap) * var(--u));padding-block:calc(5 * var(--u))}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn{flex:1 1 0;width:auto;min-width:0;height:var(--tile-height-mobile)}.ilf-texture-gallery.buttons-painted-tiles .ilf-control-btn:after{inset:calc(-5 * var(--u))}.ilf-texture-gallery.buttons-painted-tiles .btn-title{padding-left:.16em;font-size:max(9px,calc(10 * var(--u)));letter-spacing:.16em}.ilf-texture-gallery.buttons-painted-tiles .btn-title:after{left:.16em;right:.16em}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ilf-texture-gallery.css.map */