.tile:hover .tile__media,.tile:focus-within .tile__media{background:var(--bone)}.tile:hover .tile__media:after,.tile:focus-within .tile__media:after{opacity:0}.tile:hover .tile__img--rest,.tile:focus-within .tile__img--rest{opacity:1}.tile:hover .tile__img--lit,.tile:focus-within .tile__img--lit{opacity:0}.tile.tile--pair:hover .tile__media,.tile.tile--pair:focus-within .tile__media{background:var(--sumi)}.tile.tile--pair:hover .tile__media:after,.tile.tile--pair:focus-within .tile__media:after{opacity:1}.tile.tile--pair:hover .tile__img--rest,.tile.tile--pair:focus-within .tile__img--rest{opacity:0}.tile.tile--pair:hover .tile__img--lit,.tile.tile--pair:focus-within .tile__img--lit{opacity:1}.tile__img--rest,.tile__img--lit{transition:opacity .55s cubic-bezier(.22,.61,.36,1)}@media(prefers-reduced-motion:reduce){.tile__img--rest,.tile__img--lit{transition:none}}.tile-w{position:relative;display:flex;flex-direction:column}.tile-w>.tile{flex:1 1 auto}.tile-w__act{margin-top:auto;padding-top:12px}@media(max-width:749px){.tile-w__act{display:grid;grid-template-columns:1fr;gap:10px;min-height:0}.tile-sw{order:1;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-start;min-width:0}.tile-sw__b{width:32px;height:32px;flex:0 0 auto}.tile-add,a.tile-add--link{order:2;width:100%;margin-left:0;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;min-height:46px;padding:0 12px;border-radius:2px;background:var(--ink, #121110);border:1px solid var(--ink, #121110);color:#fff;font-family:var(--mono),ui-monospace,monospace;font-size:11.5px;letter-spacing:.05em;line-height:1}.tile-add:hover,a.tile-add--link:hover{background:var(--ink, #121110);color:#fff;border-color:var(--ink, #121110)}.tile-add.is-added{background:#8a6224;border-color:#8a6224;color:#fff}.tile-add[disabled]{opacity:.45}.on-dark .tile-add,.section--dark .tile-add,.on-dark a.tile-add--link,.section--dark a.tile-add--link{background:#f2ede4;border-color:#f2ede4;color:#121110}.on-dark .tile-add:hover,.section--dark .tile-add:hover{background:#f2ede4;color:#121110}.tile__multi{margin-top:8px}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hy-tile.css.map */