.twc-su{--twc-su-text: var(--color-scheme-text, var(--color-g-text));--twc-su-accent: var(--color-scheme-primary-button-bg, var(--color-g-accent));--twc-su-muted: color-mix(in srgb, var(--twc-su-text) 78%, transparent);--twc-su-faint: color-mix(in srgb, var(--twc-su-text) 62%, transparent);--twc-su-line: color-mix(in srgb, var(--twc-su-text) 18%, transparent);background:var(--twc-su-bg, var(--color-scheme-bg, var(--color-g-bg)));color:var(--twc-su-text);padding-top:var(--twc-su-pt);padding-bottom:var(--twc-su-pb);text-align:center}.twc-su__head{margin-bottom:24px}.twc-su__title{margin:0;font-family:var(--glob-heading-family);font-size:30px;font-weight:700;line-height:1.15;letter-spacing:var(--glob-heading-letter-spacing);text-transform:var(--glob-heading-transform);color:inherit}.twc-su__sub{margin:6px 0 0;font-size:16px;color:var(--twc-su-muted)}.twc-su__grid{list-style:none;margin:0 auto;padding:0;max-width:1100px;display:grid;grid-template-columns:repeat(var(--twc-su-cols),minmax(0,1fr));gap:14px}.twc-su__grid>li{display:flex}.twc-su .twc-su__tile{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 12px 20px;border:2px solid var(--twc-su-line);border-radius:14px;background:#fff;color:#161514;text-decoration:none;transition:border-color .15s ease}.twc-su a.twc-su__tile:hover,.twc-su a.twc-su__tile:focus-visible,.twc-su button.twc-su__tile:hover,.twc-su button.twc-su__tile:focus-visible{border-color:var(--twc-su-accent)}.twc-su a.twc-su__tile:focus-visible,.twc-su button.twc-su__tile:focus-visible{outline:2px solid var(--twc-su-accent);outline-offset:2px}.twc-su button.twc-su__tile{-webkit-appearance:none;appearance:none;width:100%;margin:0;font:inherit;text-align:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;box-shadow:none;cursor:pointer;scroll-margin-top:90px}.twc-su button.twc-su__tile[aria-expanded=true]{border-color:var(--twc-su-accent);background:color-mix(in srgb,var(--twc-su-accent) 6%,#fff)}.twc-su__chev svg{display:block;width:20px;height:20px;transition:transform .2s ease}.twc-su button.twc-su__tile[aria-expanded=true] .twc-su__chev svg{transform:rotate(180deg)}.twc-su__grid>.twc-su__panel{grid-column:1 / -1;order:1;display:block;padding:10px 0 4px;text-align:left}.twc-su__grid>.twc-su__panel[hidden]{display:none}.twc-su .twc-su__products{background:transparent;color:#161514;padding:0}.twc-su__products .twc-bs__grid{gap:20px 16px}.twc-su .twc-su__all{display:table;margin:18px auto 0;color:var(--twc-su-accent);font-family:var(--glob-heading-family);font-size:15px;font-weight:600;text-decoration:none}.twc-su .twc-su__all:hover{text-decoration:underline}.twc-su__icon{display:block;width:40px;height:40px;color:var(--twc-su-accent)}.twc-su__icon svg,.twc-su__icon img{display:block;width:100%;height:100%;object-fit:contain}.twc-su__body{display:flex;flex-direction:column;gap:2px}.twc-su__name{font-family:var(--glob-heading-family);font-size:16px;font-weight:600;line-height:1.25}.twc-su__text{font-size:13px;color:#555}.twc-su__arrow{display:none}.twc-su__off{padding:10px;border:2px dashed var(--twc-su-line);border-radius:14px;font-size:12px;color:var(--twc-su-faint)}.twc-su__note{margin:20px 0 0;font-size:13px;color:var(--twc-su-faint)}@media(max-width:989px){.twc-su__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:749px){.twc-su{padding-top:var(--twc-su-pt-m);padding-bottom:var(--twc-su-pb-m);text-align:left}.twc-su__head{margin-bottom:12px}.twc-su__title{font-size:24px}.twc-su__sub{font-size:14px}.twc-su__grid{grid-template-columns:minmax(0,1fr);gap:8px}.twc-su .twc-su__tile{flex-direction:row;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;min-height:44px}.twc-su__icon{width:32px;height:32px;flex:none}.twc-su__body{flex:1}.twc-su__name{font-size:15px}.twc-su__text{font-size:12px}.twc-su__arrow{display:block;font-size:18px}.twc-su__note{margin-top:12px;font-size:12px}.twc-su__grid>.twc-su__panel{order:0;padding:4px 0 10px}.twc-su__products .twc-bs__grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 calc(var(--container-spacer, 16px) * -1);padding:4px var(--container-spacer, 16px) 6px}.twc-su__products .twc-bs__grid::-webkit-scrollbar{display:none}.twc-su__products .twc-bs__card{flex:0 0 42%;scroll-snap-align:start}.twc-su .twc-su__all{margin-top:12px;font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/twc-surface-tiles.css.map */