@import url(https://fonts.googleapis.com/css?family=Red+Hat+Display:400,500,700,900&display=swap&subset=latin-ext);.bags-fractions{display:flex;width:100%;gap:0;border:1px solid var(--color-gray-200);border-radius:4px;overflow-y:auto;background:var(--color-white)}.bag-fraction{display:grid;grid-template-rows:auto 1fr;gap:8px;background:var(--color-white);padding:12px 24px;text-align:center;flex:1;position:relative;min-width:144px;align-self:center}.bag-fraction+.bag-fraction:before{content:"";position:absolute;top:1rem;left:0;bottom:1rem;border-left:1px solid var(--color-gray-200)}.bag-bottom-row{display:flex;align-items:center;gap:8px;justify-items:center}.bag-bottom-row img{display:block;margin:0 auto}.bag-bottom-row span{text-align:center;width:50%;font-size:32px;font-weight:500}.bags-table{--gap:20px}.bags-table .c-thead{align-items:flex-start;gap:var(--gap)}.bags-table .c-tr{gap:var(--gap)}.bags-table .c-td{--width:24px}.bags-table .c-td:first-child{max-width:var(--width)}.bags-table .c-td:nth-child(2){--width:13%}.bags-table .c-td:nth-child(3){--width:8%}.bags-table .c-td:nth-child(4){--width:11%}.bags-table .c-td:nth-child(5),.bags-table .c-td:nth-child(6),.bags-table .c-td:nth-child(7){--width:10%}@media (max-width:1199.98px){.bags-table .c-tr{--gap:8px;flex-direction:row;align-items:center}}@media (max-width:767.98px){.bags-table .c-tr{--gap:16px;flex-wrap:wrap;padding:1rem}.bags-table .c-td{padding:0}.bags-table .c-td:nth-child(2){--width:40%}.bags-table .c-td:nth-child(3){--width:25%}.bags-table .c-td:nth-child(4),.bags-table .c-td:nth-child(5),.bags-table .c-td:nth-child(6),.bags-table .c-td:nth-child(7){--width:calc(50% - var(--gap)*2)}}