product-material,.material-drawer{--material-surface: #fff;--material-text: #1a1a1a;--material-border: rgb(0 0 0 / .09);--material-muted: rgb(0 0 0 / .6);--material-radius: 14px;--material-radius-sm: 8px;--material-tick: #22a06b;--material-gap: 1rem}product-material{display:block}.material-block__panel{background:var(--material-surface, #fff);border-radius:var(--material-radius, 14px);overflow:clip;box-shadow:0 0 6px 1px #0003}.material-block__summary{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;cursor:pointer;list-style:none;-webkit-user-select:none;user-select:none}.material-block__summary:focus-visible{outline:2px solid currentColor;outline-offset:-2px;border-radius:var(--material-radius, 12px)}.material-block__swatch{flex:0 0 auto;width:48px;height:48px;border-radius:var(--material-radius-sm, 8px);object-fit:cover;background:var(--material-border, rgb(0 0 0 / .09))}.material-block__heading{flex:1 1 auto;font-size:.9375rem;font-weight:600;line-height:1.3;color:var(--material-text, #1a1a1a)}.material-block__chevron{flex:0 0 auto;width:12px;height:8px;color:var(--material-muted, rgb(0 0 0 / .6));transition:transform .2s ease}.material-block__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.material-block__panel[open] .material-block__body{grid-template-rows:1fr}.material-block__inner{min-height:0;overflow:hidden;padding:0 1rem 1rem;border-top:1px solid var(--material-border, rgb(0 0 0 / .09));margin-top:-1px}.material-block__panel[open] .material-block__inner{padding-top:1rem}@supports selector(::details-content){.material-block__body{display:block}.material-block__panel::details-content{block-size:0;overflow:hidden;transition:block-size .28s ease,content-visibility .28s allow-discrete;interpolate-size:allow-keywords}.material-block__panel[open]::details-content{block-size:auto}}.material-block__rte{font-size:.875rem;line-height:1.55;color:var(--material-muted, rgb(0 0 0 / .6))}.material-block__rte>*+*{margin-top:.75rem}.material-block__rte ul,.material-drawer .rte ul{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.5rem}.material-block__rte li,.material-drawer .rte li{position:relative;padding-inline-start:1.75rem;color:var(--material-text, #1a1a1a)}.material-block__rte li:before,.material-drawer .rte li:before,.material-steps__tick{content:"";position:absolute;inset-inline-start:0;inset-block-start:.1em;width:1.125rem;height:1.125rem;border-radius:50%;background:color-mix(in srgb,var(--material-tick, #22a06b) 18%,transparent);--tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 4.7 8.4 9.5 3.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--material-tick, #22a06b) 30%,transparent)}.material-block__rte li:after,.material-drawer .rte li:after{content:"";position:absolute;inset-inline-start:0;inset-block-start:.1em;width:1.125rem;height:1.125rem;background:var(--material-tick, #22a06b);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 4.7 8.4 9.5 3.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 4.7 8.4 9.5 3.6' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px 12px no-repeat}.material-block__hero,.material-drawer__hero{display:block;width:100%;height:auto;aspect-ratio:20 / 9;object-fit:cover;border-radius:var(--material-radius-sm, 8px);margin-top:var(--material-gap, 1rem);background:var(--material-border, rgb(0 0 0 / .09))}.material-block__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-top:var(--material-gap, 1rem)}.material-block__link{display:flex;align-items:center;gap:.625rem;width:100%;padding:.75rem;text-align:start;background:var(--material-surface, #fff);border:1px solid var(--material-border, rgb(0 0 0 / .09));border-radius:var(--material-radius-sm, 8px);color:var(--material-text, #1a1a1a);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.material-block__link:hover{border-color:color-mix(in srgb,var(--material-text, #1a1a1a) 28%,transparent);background:color-mix(in srgb,var(--material-text, #1a1a1a) 3%,var(--material-surface, #fff))}.material-block__link>svg:first-child{width:16px;height:16px;flex:0 0 auto}.material-block__link span{flex:1 1 auto;display:grid;gap:.125rem;min-width:0}.material-block__link strong{font-size:.8125rem;font-weight:600}.material-block__link small{font-size:.75rem;color:var(--material-muted, rgb(0 0 0 / .6))}.material-block__link-arrow{width:8px;height:12px;color:var(--material-muted, rgb(0 0 0 / .6));flex:0 0 auto}html.material-drawer-open{overflow:hidden}.material-drawer{width:min(520px,100%);max-width:none;height:100dvh;max-height:100dvh;margin:0 0 0 auto;padding:0;border:0;background:var(--material-surface, #fff);color:var(--material-text, #1a1a1a);transform:translate(100%);transition:transform .3s cubic-bezier(.32,.72,0,1),overlay .3s allow-discrete,display .3s allow-discrete}.material-drawer.is-open{transform:translate(0)}.material-drawer::backdrop{background:#00000059;opacity:0;transition:opacity .3s ease,overlay .3s allow-discrete,display .3s allow-discrete}.material-drawer.is-open::backdrop{opacity:1}.material-drawer__inner{display:flex;flex-direction:column;height:100%}.material-drawer__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--material-border, rgb(0 0 0 / .09))}.material-drawer__title{margin:0;font-size:1.0625rem;font-weight:700}.material-drawer__subtitle{margin:.125rem 0 0;font-size:.8125rem;color:var(--material-muted, rgb(0 0 0 / .6))}.material-drawer__close{flex:0 0 auto;display:grid;place-items:center;width:2rem;height:2rem;padding:0;background:none;border:0;border-radius:50%;color:inherit;cursor:pointer}.material-drawer__close:hover{background:color-mix(in srgb,var(--material-text, #1a1a1a) 6%,transparent)}.material-drawer__close svg{width:14px;height:14px}.material-drawer__content{flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;-webkit-overflow-scrolling:touch}.material-drawer__content .rte{font-size:.9375rem;line-height:1.65}.material-drawer__content .rte>*+*{margin-top:1rem}.material-drawer__hero{margin-top:0;margin-bottom:1.5rem}.material-drawer__meta{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--material-border, rgb(0 0 0 / .09));font-size:.8125rem;color:var(--material-muted, rgb(0 0 0 / .6))}.material-steps{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.material-steps__item{position:relative;display:flex;gap:.75rem;padding:.875rem 1rem;border-radius:var(--material-radius-sm, 8px);background:color-mix(in srgb,var(--material-text, #1a1a1a) 3%,transparent)}.material-steps__tick{position:static;flex:0 0 auto;margin-top:.15rem}.material-steps__item strong{display:block;font-size:.875rem;font-weight:600}.material-steps__item span{display:block;margin-top:.125rem;font-size:.8125rem;line-height:1.5;color:var(--material-muted, rgb(0 0 0 / .6))}.rte--care h2,.rte--care h3,.rte--care h4{font-size:.9375rem;font-weight:600;margin-top:1.25rem}.rte--care h2:first-child,.rte--care h3:first-child{margin-top:0}.material-block--placeholder{padding:1rem;border:1px dashed var(--material-border, rgb(0 0 0 / .2));border-radius:12px;font-size:.8125rem}@media(prefers-reduced-motion:reduce){.material-block__body,.material-block__chevron,.material-drawer,.material-drawer::backdrop{transition-duration:.01ms}}@media screen and (max-width:640px){.material-drawer{width:100%;height:92dvh;margin:auto 0 0;transform:translateY(100%);border-radius:16px 16px 0 0}.material-drawer.is-open{transform:translateY(0)}}.material-block__warning{padding:.75rem;border-radius:8px;background:#fff4e5;color:#8a4b00;font-size:.8125rem}.material-block__warning ul{margin:.5rem 0 0;padding-inline-start:1.1rem}.material-block__warning li{margin:.125rem 0}.material-block__summary{display:flex;align-items:center;gap:.875rem;cursor:pointer;list-style:none}.material-block__summary::-webkit-details-marker{display:none}.material-block__heading{display:grid;gap:.125rem;flex:1 1 auto;min-width:0}.material-block__label{font-size:.6875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--text-color) / .55)}.material-block__name{font-size:1rem;font-weight:600;line-height:1.3}.material-block__cta{font-size:.775rem;color:rgb(var(--text-color) / .75);text-decoration:underline;text-underline-offset:.2em}.material-block__summary:hover .material-block__cta{color:rgb(var(--text-color))}.material-block__chevron{width:.875rem;height:.875rem;flex:0 0 auto;transition:transform .2s ease}.material-block__panel[open] .material-block__chevron{transform:rotate(180deg)}@media(prefers-reduced-motion:reduce){.material-block__chevron{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/511/assets/product-material.css.map */