.poptex-materials-page{margin:0;overflow-x:clip;background:var(--color-ui-fff);color:var(--color-ui-082823)}.materials-page{--materials-ink: var(--color-ui-082823);--materials-paper: var(--color-ui-fff);--materials-nav-height: calc(76px + env(safe-area-inset-top)) ;position:relative;width:min(100%,1440px);min-height:100svh;margin-inline:auto;overflow:visible;padding-top:var(--materials-nav-height);background:var(--materials-paper);box-shadow:0 0 60px #1b211d14;color:var(--materials-ink);font-family:var(--font-family-body, Arial, sans-serif)}.materials-page *,.materials-page *:before,.materials-page *:after{box-sizing:border-box}.materials-page img{display:block;width:100%}.materials-page h1,.materials-page h2,.materials-page p{margin:0}.materials-page button,.materials-page input,.materials-page select{font:inherit}.materials-skip{position:fixed;top:8px;left:8px;z-index:200;padding:9px 13px;background:var(--color-ui-fff);color:var(--materials-ink);font-size:var(--font-size-ui-_75rem);font-weight:700;text-decoration:none;transform:translateY(-160%)}.materials-skip:focus{transform:translateY(0)}.materials-nav{position:fixed;top:0;left:50%;z-index:60;width:min(100%,1440px);min-height:var(--materials-nav-height);display:grid;grid-template-columns:64px 1fr 64px;align-items:end;padding:env(safe-area-inset-top) 12px 10px;border-bottom:1px solid rgba(8,40,35,.08);background:#fffffff0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transform:translate(-50%)}.materials-nav__icon{position:relative;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--materials-ink);text-decoration:none}.materials-nav__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.materials-nav__menu{align-content:center;gap:5px;cursor:pointer}.materials-nav__menu span{width:27px;height:2px;display:block;background:currentColor}.materials-brand{align-self:end;justify-self:center;display:grid;gap:2px;padding-bottom:4px;color:inherit;text-align:center;text-decoration:none}.materials-nav__actions{display:flex;justify-content:flex-end}.materials-cart-count{position:absolute;top:1px;right:-1px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px;border-radius:var(--radius-ui-999px);background:var(--color-ui-aa6c38);color:var(--color-ui-fff);font-size:var(--font-size-ui-_62rem);font-weight:700}.materials-intro{position:relative;height:160px;display:flex;align-items:center;overflow:hidden;padding:20px 5.3% 38px;isolation:isolate}.materials-intro>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;height:100%;object-fit:cover;object-position:60% center}.materials-intro:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,var(--color-ui-fffef9e8),var(--color-ui-fffef991) 37%,transparent 78%)}.materials-intro__copy{position:relative;z-index:1}.materials-intro h1{font-family:Georgia,Times New Roman,serif;font-size:var(--font-size-ui-40px);font-weight:700;letter-spacing:-1px;line-height:.98}.materials-intro p{margin-top:14px;color:var(--color-ui-60727b);font-family:Georgia,Times New Roman,serif;font-size:var(--font-size-ui-15px);line-height:1.3}.materials-catalog{padding:0 13px calc(36px + env(safe-area-inset-bottom));scroll-margin-top:var(--materials-nav-height)}.materials-search{position:relative;z-index:2;height:55px;display:grid;grid-template-columns:31px minmax(0,1fr) 30px;align-items:center;gap:7px;margin-top:-22px;padding:0 12px 0 14px;border:1px solid rgba(8,40,35,.11);border-radius:var(--radius-ui-999px);background:#fffffff7;box-shadow:0 10px 30px #2a2c2717}.materials-search svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.materials-search input{width:100%;min-width:0;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--materials-ink);font-size:max(16px,1rem)}.materials-search input::placeholder{color:var(--color-ui-728089);opacity:1}.materials-search>button{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:var(--color-ui-f1eeea);color:var(--color-ui-6f746f);cursor:pointer}.materials-tabs{display:flex;align-items:flex-start;gap:12px;margin:20px 0 0;padding:3px 2px 10px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:2px;scrollbar-width:none;background:var(--materials-paper)}.materials-tabs::-webkit-scrollbar{display:none}.materials-tab{flex:0 0 80px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--color-ui-60727b);cursor:pointer;scroll-snap-align:start}.materials-tab[hidden]{display:none}.materials-tab>img,.materials-tab>svg{flex:none;width:80px;height:80px;border:3px solid transparent;border-radius:var(--radius-ui-13px)}.materials-tab>img{object-fit:cover}.materials-tab>svg{padding:23px;background:var(--color-ui-f1f4f1);fill:none;stroke:currentColor;stroke-width:1.5}.materials-tab.is-active{color:var(--materials-ink)}.materials-tab.is-active>img,.materials-tab.is-active>svg{border-color:var(--materials-ink)}.materials-tab.is-active>svg{background:var(--color-ui-eaf0ed)}.materials-tab span{width:100%;font-family:inherit;font-size:var(--font-size-ui-11px);font-weight:500;line-height:1.3;text-align:center;white-space:nowrap}.materials-tab>[data-series-name]{white-space:normal;overflow-wrap:anywhere}.materials-tab.is-active span{font-weight:700}.materials-tab:focus-visible{outline:2px solid var(--materials-ink);outline-offset:1px;border-radius:var(--radius-ui-13px)}.materials-search:focus-within{outline:2px solid var(--materials-ink);outline-offset:2px}.materials-toolbar{min-height:55px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 2px}.materials-toolbar>strong{font-size:var(--font-size-ui-_84rem)}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}.materials-grid[hidden]{display:none}.materials-card{min-width:0;overflow:hidden;border:1px solid rgba(8,40,35,.07);border-radius:var(--radius-ui-13px);background:var(--color-ui-fff);box-shadow:0 7px 22px #1c27230e}.materials-card[hidden]{display:none}.materials-card__media{position:relative;aspect-ratio:1.38 / 1;overflow:hidden;background:var(--color-ui-eee9e2)}.materials-card__media>a,.materials-card__media>button{width:100%;height:100%;display:block;padding:0;border:0;background:transparent;cursor:pointer}.materials-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .42s cubic-bezier(.22,1,.36,1)}.materials-card__media>a:hover img,.materials-card__media>a:focus-visible img,.materials-card__media>button:hover img,.materials-card__media>button:focus-visible img{transform:scale(1.035)}.materials-card__new{position:absolute;top:8px;right:8px;padding:5px 9px;border-radius:var(--radius-ui-999px);background:var(--color-ui-e32620);color:var(--color-ui-fff);font-size:var(--font-size-ui-10px);font-weight:700;line-height:1;letter-spacing:.08em;pointer-events:none}.materials-card__new[hidden]{display:none}.materials-card__body{min-height:178px;padding:7px 10px 11px}.materials-card__tier{display:inline-block;padding:3px 9px;border-radius:var(--radius-ui-999px);background:var(--color-ui-efdfd4);color:var(--color-ui-704d39);font-size:var(--font-size-ui-_55rem);font-weight:700;letter-spacing:.17em;line-height:1.1;text-transform:uppercase}.materials-card__tier--deluxe{background:var(--color-ui-dce9f4);color:var(--color-ui-314e69)}.materials-card__tier--luxury{background:var(--color-ui-e7ddd3);color:var(--color-ui-594438)}.materials-card__body h2{display:-webkit-box;overflow:hidden;margin-top:5px;min-height:2.2em;font-family:Georgia,Times New Roman,serif;font-size:clamp(.86rem,3.6vw,1.03rem);font-weight:400;line-height:1.1;-webkit-box-orient:vertical;-webkit-line-clamp:2}.materials-card__body>p{margin-top:3px;overflow:hidden;color:var(--color-ui-60727b);font-size:var(--font-size-ui-_72rem);line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.materials-card__color{display:block;width:18px;height:18px;margin-top:3px;border:1px solid rgba(8,40,35,.2);border-radius:var(--radius-ui-4px);background:var(--material-color)}.materials-card__body>small{display:block;margin-top:9px;color:var(--color-ui-72818a);font-size:var(--font-size-ui-_63rem);font-weight:600;white-space:nowrap}.materials-card__body>strong{display:block;margin-top:4px;font-size:var(--font-size-ui-1_02rem);line-height:1}.materials-empty{padding:54px 20px 70px;text-align:center}.materials-empty h2{font-family:Georgia,Times New Roman,serif;font-size:var(--font-size-ui-1_6rem);font-weight:400}.materials-empty p{margin-top:7px;color:var(--color-ui-6d7976);font-size:var(--font-size-ui-_82rem)}.materials-empty button{margin-top:18px;padding:11px 18px;border:1px solid var(--materials-ink);border-radius:var(--radius-ui-999px);background:transparent;color:inherit;font-weight:700;cursor:pointer}.materials-toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:120;max-width:min(370px,calc(100vw - 32px));padding:12px 18px;border-radius:var(--radius-ui-999px);background:var(--color-ui-082823);color:var(--color-ui-fff);font-size:var(--font-size-ui-_75rem);opacity:0;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease}.materials-toast.is-visible{opacity:1;transform:translate(-50%)}.materials-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;border:0!important;white-space:nowrap!important}@media(max-width:359px){.materials-nav{grid-template-columns:55px 1fr 55px;padding-inline:8px}.materials-brand strong{font-size:var(--font-size-ui-1_52rem)}.materials-intro{padding-left:17px}.materials-catalog{padding-inline:9px}.materials-tabs{gap:10px}.materials-grid{gap:7px}.materials-card__body{padding-inline:8px}.materials-card__body h2{font-size:var(--font-size-ui-_78rem)}.materials-card__body>p{font-size:var(--font-size-ui-_67rem)}.materials-card__body>small{font-size:var(--font-size-ui-_52rem)}}@media(prefers-reduced-motion:reduce){.materials-page *,.materials-page *:before,.materials-page *:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.materials-loading{padding:24px 0;text-align:center}.materials-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--materials-ink);font-size:var(--font-size-ui-12px)}.materials-card__placeholder[hidden],.materials-card__media img[hidden],.materials-card__body [hidden]{display:none}.materials-card__body{min-height:105px}.materials-card__body h2 a{color:inherit;text-decoration:none}.materials-card__body h2 a:hover{text-decoration:underline}.materials-card__body>small{white-space:normal}@media(min-width:601px){.materials-intro{height:260px;padding:35px 5% 60px}.materials-intro h1{font-size:var(--font-size-ui-67px)}.materials-intro p{font-size:var(--font-size-ui-24px);margin-top:22px}.materials-catalog{max-width:1100px;margin-inline:auto;padding-inline:28px}.materials-search{height:72px;margin-top:-36px}.materials-tabs{gap:16px;margin-top:30px}.materials-tab{flex:0 0 112px;gap:10px}.materials-tab>img,.materials-tab>svg{width:112px;height:112px}.materials-tab>svg{padding:37px}.materials-tab span{font-size:var(--font-size-ui-13px)}.materials-toolbar{min-height:65px}}@media(min-width:901px){.materials-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.materials-colors{display:flex;align-items:center;gap:12px;margin-top:14px;min-height:44px}.materials-colors__label{flex:none;font-size:var(--font-size-ui-12px);font-weight:600}.materials-colors__options{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;padding:4px 2px;scrollbar-width:thin}.materials-colors [hidden]{display:none}.materials-color-option{position:relative;flex:0 0 32px;width:32px;height:32px;padding:4px;border:1px solid var(--color-ui-ccd6d1);border-radius:50%;background:var(--family-color);background-clip:content-box;cursor:pointer}.materials-color-option[aria-pressed=true]{border:2px solid var(--materials-ink);padding:3px}.materials-color-option__check{display:none;position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;background:var(--materials-ink);color:#fff;font-size:var(--font-size-ui-10px);line-height:14px}.materials-color-option[aria-pressed=true] .materials-color-option__check{display:block}.materials-colors button:focus-visible{outline:2px solid var(--materials-ink);outline-offset:2px}.materials-colors__status{font-size:var(--font-size-ui-11px);color:var(--color-ui-60727b)}.materials-colors__status button{padding:4px;border:0;background:transparent;color:var(--materials-ink);text-decoration:underline;cursor:pointer}.materials-card__colors{display:flex;flex-wrap:wrap;gap:5px;margin-top:3px}.materials-card__colors .materials-card__color{flex:0 0 18px;margin-top:0}.materials-new-toggle{flex:none;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:4px 10px;border:1px solid var(--color-ui-dc8e88);border-radius:var(--radius-ui-16px);background:var(--color-ui-fff3f2);color:var(--color-ui-b4231d);font:inherit;font-size:var(--font-size-ui-_82rem);font-weight:700;cursor:pointer}.materials-new-toggle svg{flex:none;width:14px;height:14px}@media(hover:hover){.materials-new-toggle:hover{border-color:var(--color-ui-b4231d);background:var(--color-ui-ffe5e2)}}.materials-new-toggle[aria-pressed=true]{border-color:var(--color-ui-b4231d);background:var(--color-ui-b4231d);color:var(--color-ui-fff)}.materials-new-toggle:focus-visible{outline:2px solid var(--color-ui-b4231d);outline-offset:2px}.materials-tab__visual{position:relative;flex:none;display:block;width:80px;height:80px;border:3px solid transparent;border-radius:var(--radius-ui-13px);overflow:hidden;background:var(--color-ui-f1f4f1)}.materials-tab__visual>img{width:100%;height:100%;object-fit:cover}.materials-tab__visual [hidden],.materials-tab--skeleton[hidden]{display:none}.materials-tab.is-active .materials-tab__visual{border-color:currentColor}.materials-tab__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:5px;font-size:10px}.materials-tab__placeholder[data-image-state=loading]{background:var(--color-ui-f1f4f1)}.materials-tab__skeleton-label{width:60px;height:14px;background:var(--color-ui-f1f4f1);border-radius:4px}@media(min-width:601px){.materials-tab__visual{width:112px;height:112px}}.materials-tab .materials-tab__placeholder{white-space:normal;overflow-wrap:anywhere;line-height:1.2}
/*# sourceMappingURL=/cdn/shop/t/37/assets/materials-catalog.css.map */