free-tattoo-picker{--ftp-border: color-mix(in srgb, var(--text-color) 14%, transparent);--ftp-muted: color-mix(in srgb, var(--text-color) 65%, transparent);--ftp-accent: var(--reward-bar-color, #ffe802);display:flex;align-items:flex-end;justify-content:center;visibility:hidden;z-index:8002;transition:visibility 0s .4s,background-color .3s ease .1s;background-color:#0000}free-tattoo-picker[open]{visibility:visible;transition-delay:0s;background-color:#000000b3}free-tattoo-picker .free-tattoo-picker__window{display:flex;flex-direction:column;width:100%;max-height:88dvh;overflow:hidden;border-radius:16px 16px 0 0;background:var(--background-color);color:var(--text-color);box-shadow:0 0 24px #00000080;transform:translateY(100%);transition:transform .25s ease-in}free-tattoo-picker[open] .free-tattoo-picker__window{transform:translateY(0);transition:transform .25s ease-out .05s}free-tattoo-picker .free-tattoo-picker__grab{flex:0 0 auto;width:44px;height:4px;margin:10px auto 0;border-radius:2px;background:color-mix(in srgb,var(--text-color) 30%,transparent)}free-tattoo-picker .free-tattoo-picker__header{display:flex;align-items:center;gap:12px;padding:14px 16px 10px;border-bottom:1px solid var(--ftp-border)}free-tattoo-picker .free-tattoo-picker__title{margin:0;color:var(--text-color)}free-tattoo-picker .free-tattoo-picker__counter{font-weight:700;color:var(--ftp-accent)}free-tattoo-picker .free-tattoo-picker__counter:empty{display:none}free-tattoo-picker .free-tattoo-picker__counter.is-maxed{animation:ftp-shake .3s ease}free-tattoo-picker .modal__close-btn{margin-inline-start:auto;padding:8px;background:none;border:0;color:var(--text-color);cursor:pointer}free-tattoo-picker .free-tattoo-picker__reselect-note{margin:0;padding:10px 16px 0;font-size:.9em;color:var(--ftp-muted)}free-tattoo-picker .free-tattoo-picker__search{padding:12px 16px}free-tattoo-picker .free-tattoo-picker__search-input{width:100%;padding:.7em .9em;border:1px solid var(--ftp-border);border-radius:8px;background:color-mix(in srgb,var(--text-color) 6%,transparent);color:var(--text-color);font:inherit}free-tattoo-picker .free-tattoo-picker__search-input::placeholder{color:var(--ftp-muted)}free-tattoo-picker .free-tattoo-picker__search-input:focus{outline:none;border-color:var(--ftp-accent)}free-tattoo-picker .free-tattoo-picker__body{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:0 16px 16px;-webkit-overflow-scrolling:touch}free-tattoo-picker .free-tattoo-picker__results{display:block}free-tattoo-picker .free-tattoo-picker__grid{gap:12px;align-items:stretch}free-tattoo-picker .free-tattoo-picker__grid+.free-tattoo-picker__grid{margin-top:12px}free-tattoo-picker .free-tattoo-picker__empty{grid-column:1 / -1;padding:32px 0;text-align:center;color:var(--ftp-muted)}free-tattoo-picker .free-tattoo-picker__sentinel{height:1px}free-tattoo-picker .free-tattoo-picker__loading{display:flex;justify-content:center;padding:18px 0}free-tattoo-picker .free-tattoo-picker__spinner{width:26px;height:26px;border-radius:50%;border:3px solid color-mix(in srgb,var(--text-color) 20%,transparent);border-top-color:var(--ftp-accent);animation:ftp-spin .8s linear infinite}free-tattoo-picker .free-tattoo-picker__error{padding:18px 0;text-align:center;color:var(--text-color)}free-tattoo-picker .free-tattoo-picker__footer{display:flex;gap:10px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ftp-border);background:var(--background-color)}free-tattoo-picker .free-tattoo-picker__footer .free-tattoo-picker__confirm{flex:1 1 auto}free-tattoo-picker .free-tattoo-picker__footer .free-tattoo-picker__restore[hidden]{display:none}@keyframes ftp-spin{to{transform:rotate(360deg)}}@keyframes ftp-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.free-tattoo-card{position:relative;display:flex;flex-direction:column;height:100%;padding:8px;border:2px solid color-mix(in srgb,var(--text-color) 14%,transparent);border-radius:10px;background:color-mix(in srgb,var(--text-color) 4%,transparent);color:var(--text-color);font:inherit;text-align:start;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.free-tattoo-card .free-tattoo-card__inner{display:block;flex:1 1 auto}.free-tattoo-card a,.free-tattoo-card .quickbuy-toggle{pointer-events:none}.free-tattoo-card:hover{border-color:color-mix(in srgb,var(--text-color) 35%,transparent)}.free-tattoo-card.is-selected{border-color:var(--reward-bar-color, #ffe802);background:color-mix(in srgb,var(--reward-bar-color, #ffe802) 10%,transparent)}.free-tattoo-card.is-selected .free-tattoo-card__check{opacity:1;transform:scale(1)}.free-tattoo-card.free-tattoo-card--unavailable{opacity:.45;cursor:not-allowed}.free-tattoo-card product-block{display:block}.free-tattoo-card .image-cont{border-radius:6px;overflow:hidden}.free-tattoo-card .img-ar img{object-fit:cover}.free-tattoo-card .image-page-button,.free-tattoo-card .product-block__image-dots,.free-tattoo-card .product-label,.free-tattoo-card .product-price,.free-tattoo-card .vendor{display:none!important}.free-tattoo-card .product-block__detail{padding-top:8px;text-align:start}.free-tattoo-card .product-block__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em;color:var(--text-color);font-size:13px;line-height:1.3}.free-tattoo-card .free-tattoo-card__price{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:6px;font-size:13px}.free-tattoo-card .free-tattoo-card__price s{color:var(--ftp-muted, color-mix(in srgb, var(--text-color) 65%, transparent))}.free-tattoo-card .free-tattoo-card__free{color:var(--reward-bar-color, #ffe802);font-weight:700;letter-spacing:.04em}.free-tattoo-card .free-tattoo-card__free--off{color:color-mix(in srgb,var(--text-color) 60%,transparent)}.free-tattoo-card .free-tattoo-card__check{position:absolute;top:14px;right:14px;z-index:2;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--reward-bar-color, #ffe802);color:#111;opacity:0;transform:scale(.5);transition:opacity .15s ease,transform .15s ease}@media(min-width:768px){free-tattoo-picker{align-items:center}free-tattoo-picker .free-tattoo-picker__window{max-width:760px;height:min(82dvh,760px);margin:var(--gutter, 20px);border-radius:12px;transform:scale(.9);opacity:0;transition:transform .15s ease-in,opacity .15s}free-tattoo-picker[open] .free-tattoo-picker__window{transform:scale(1);opacity:1;transition:transform .15s ease-out .1s,opacity .15s .1s}free-tattoo-picker .free-tattoo-picker__grab{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/free-tattoo-picker.css.map */