.vis-Info_SquareList{grid-template-columns:repeat(2,1fr);gap:20px 10px;display:grid}@media only screen and (min-width: 901px){.vis-Info_SquareList{grid-template-columns:repeat(1,1fr)}}@media only screen and (min-width: 1201px){.vis-Info_SquareList{grid-template-columns:repeat(2,1fr)}}.vis-Info_SquareList[aria-hidden=true]{display:none}.vis-Info_Square{cursor:pointer}.vis-Info_Square[aria-hidden=true]{display:none}.vis-Info_SquareSelected{position:absolute;inset-block-start:10px;inset-inline-start:10px;z-index:2;opacity:0;visibility:hidden;transition:all ease .25s}.vis-Info_Square-selected .vis-Info_SquareSelected{opacity:1;visibility:visible}.vis-Info_SquareMedia{position:relative;margin-block-end:10px;border:0 solid transparent;transition:border ease .3s}.vis-Info_Square:hover .vis-Info_SquareMedia,.vis-Info_Square-selected .vis-Info_SquareMedia{border:1px solid var(--Color_CapeCod)}.vis-Info_SquarePrice{opacity:.5}.vis-MaterialFilter{flex-wrap:wrap;display:flex;margin-block-end:15px;gap:10px}.vis-MaterialFilter_Icons{align-items:center;justify-content:space-between;display:flex;gap:10px}.vis-MaterialFilter_Icon{position:relative;inline-size:15px;block-size:15px;background-color:var(--background-color);border-radius:50%;cursor:pointer}.vis-MaterialFilter_Icon-selected:after{content:"";position:absolute;inset-block-start:-2px;inset-inline-start:-2px;inline-size:calc(100% + 4px);block-size:calc(100% + 4px);border:1px solid var(--Color_CapeCod);border-radius:50%}.vis-MaterialFilter_Icon-blank{border:1px solid var(--Color_Border)}.vis-Info_SquareInfo{position:absolute;inset-block-start:0;inset-inline-end:0;padding:8px;cursor:pointer}.vis-Info_SquareInfo svg{inline-size:25px;block-size:25px}@media only screen and (min-width: 901px){.vis-Info_SquareInfo svg{inline-size:15px;block-size:15px}}.vis-MaterialFilter_DualSwatch{background-image:linear-gradient(90deg,var(--background-color-primary) 50%,var(--background-color-secondary) 50%);transform:rotate(135deg)}
/*# sourceMappingURL=/cdn/shop/t/513/assets/bespoke-visualiser-info-square.css.map */