.sda{padding:12px 0 14px;background-color:var(--color-background)}.sao__heading{margin:0 0 10px;font-size:13px;font-weight:700;line-height:1.3;letter-spacing:.78px;text-transform:uppercase;color:#333}.sao__row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"box media name  price" "box media link  link";align-items:center;column-gap:10px;row-gap:1px;position:relative;padding:8px 12px 8px 9px;border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:11px;cursor:pointer;transition:padding .18s ease,border-radius .18s ease,border-color .15s ease,background-color .15s ease}.sao__row:hover{border-color:#0000004d}.sao__row.is-on{border-color:#1a1a1a;background:#00000005}.sao[data-grow=true] .sao__row.is-on{padding:12px 16px 12px 12px;border-radius:14px}.sao__cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.sao__box{grid-area:box;display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid rgba(0,0,0,.35);border-radius:5px;background:#fff;color:#fff;flex:none;transition:width .18s ease,height .18s ease,background-color .15s ease,border-color .15s ease}.sao[data-grow=true] .sao__row.is-on .sao__box{width:20px;height:20px}.sao__box svg{width:10px;height:8px;opacity:0;transition:opacity .12s ease,width .18s ease,height .18s ease}.sao[data-grow=true] .sao__row.is-on .sao__box svg{width:12px;height:10px}.sao__row.is-on .sao__box{background:#1a1a1a;border-color:#1a1a1a}.sao__row.is-on .sao__box svg{opacity:1}.sao__cb:focus-visible+.sao__box{outline:2px solid #1a1a1a;outline-offset:2px}.sao__media{grid-area:media;display:block;width:34px;height:34px;transition:width .18s ease,height .18s ease}.sao[data-grow=true] .sao__row.is-on .sao__media{width:50px;height:50px}.sao__img{width:100%;height:100%;object-fit:contain;display:block}.sao__name{grid-area:name;font-size:12.5px;font-weight:600;line-height:1.25;align-self:end;transition:font-size .18s ease}.sao[data-grow=true] .sao__row.is-on .sao__name{font-size:14px}.sao__price{grid-area:price;display:flex;align-items:baseline;gap:6px;font-size:12.5px;font-weight:600;white-space:nowrap;align-self:end;transition:font-size .18s ease}.sao[data-grow=true] .sao__row.is-on .sao__price{font-size:14px}.sao__was{font-weight:400;opacity:.45}.sao__was[hidden]{display:none}.sao__link{grid-area:link;justify-self:start;font-size:11px;text-decoration:underline;text-underline-offset:2px;opacity:.6;align-self:start;transition:font-size .18s ease,opacity .15s ease}.sao[data-grow=true] .sao__row.is-on .sao__link{font-size:12px;text-underline-offset:3px}.sao__link:hover{opacity:1}@media screen and (max-width:749px){.sao__row{column-gap:8px;padding:6px 9px 6px 7px;border-radius:10px}.sao__media{width:28px;height:28px}.sao__name,.sao__price{font-size:11.5px}.sao__link{font-size:11px}.sao__box{width:16px;height:16px}.sao[data-grow=true] .sao__row.is-on{padding:9px 11px 9px 9px;border-radius:13px}.sao[data-grow=true] .sao__row.is-on .sao__media{width:42px;height:42px}.sao[data-grow=true] .sao__row.is-on .sao__name,.sao[data-grow=true] .sao__row.is-on .sao__price{font-size:13px}.sao[data-grow=true] .sao__row.is-on .sao__link{font-size:11.5px}.sao[data-grow=true] .sao__row.is-on .sao__box{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.sao__row,.sao__media,.sao__box,.sao__box svg,.sao__name,.sao__price,.sao__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/97/assets/suti-drawer-addon.css.map */