<< Back
Table 4-5
Rename Block (optional)
table-4-5
Classes included in this template:
{"content":[{"id":"bcdcfd","name":"block","parent":"77dbf7","children":["a32cfe"],"settings":{},"label":"Table Wrapper"},{"id":"a32cfe","name":"block","parent":"bcdcfd","children":["ba9255"],"settings":{"tag":"figure"},"label":"Figure"},{"id":"ba9255","name":"block","parent":"a32cfe","children":["61e5c0","555814"],"settings":{"tag":"custom","customTag":"table","_cssGlobalClasses":["mxoeuu"]},"label":"Table"},{"id":"61e5c0","name":"block","parent":"ba9255","children":["c6ea33"],"settings":{"tag":"custom","customTag":"thead"},"label":"Table Head"},{"id":"c6ea33","name":"block","parent":"61e5c0","children":["8ab938","98b8f9","d3b593","fff151","5fa253"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"8ab938","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Name","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"98b8f9","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","text":"Age","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"d3b593","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Country","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"fff151","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Medal"},"label":"Table Header"},{"id":"5fa253","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Year"},"label":"Table Header"},{"id":"555814","name":"block","parent":"ba9255","children":["0ce06a","001994","d77b78"],"settings":{"tag":"custom","customTag":"tbody"},"label":"Table Body"},{"id":"0ce06a","name":"block","parent":"555814","children":["7dc4cc","580975","2e70ea","cc82b7","8d6d63"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"7dc4cc","name":"block","parent":"0ce06a","children":["843f4a"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"843f4a","name":"text-basic","parent":"7dc4cc","children":[],"settings":{"tag":"span","text":"Bob Johnson","_cssGlobalClasses":[]}},{"id":"580975","name":"block","parent":"0ce06a","children":["073942"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"073942","name":"text-basic","parent":"580975","children":[],"settings":{"tag":"span","text":"45"}},{"id":"2e70ea","name":"block","parent":"0ce06a","children":["90b5b0"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"90b5b0","name":"text-basic","parent":"2e70ea","children":[],"settings":{"tag":"span","text":"Canada"}},{"id":"cc82b7","name":"block","parent":"0ce06a","children":["2c01cf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"2c01cf","name":"text-basic","parent":"cc82b7","children":[],"settings":{"text":"Gold","tag":"span"}},{"id":"8d6d63","name":"block","parent":"0ce06a","children":["9c7e07"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"9c7e07","name":"text-basic","parent":"8d6d63","children":[],"settings":{"tag":"span","text":"1975"}},{"id":"001994","name":"block","parent":"555814","children":["beed19","e478d7","25353b","7ba978","e6a8ab"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"beed19","name":"block","parent":"001994","children":["46190f"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"46190f","name":"text-basic","parent":"beed19","children":[],"settings":{"tag":"span","text":"Hank Snow","_cssGlobalClasses":[]}},{"id":"e478d7","name":"block","parent":"001994","children":["f55c29"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"f55c29","name":"text-basic","parent":"e478d7","children":[],"settings":{"tag":"span","text":"34"}},{"id":"25353b","name":"block","parent":"001994","children":["cb93cc"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"cb93cc","name":"text-basic","parent":"25353b","children":[],"settings":{"tag":"span","text":"Spain"}},{"id":"7ba978","name":"block","parent":"001994","children":["857688"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"857688","name":"text-basic","parent":"7ba978","children":[],"settings":{"tag":"span","text":"Silver"}},{"id":"e6a8ab","name":"block","parent":"001994","children":["cddb87"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"cddb87","name":"text-basic","parent":"e6a8ab","children":[],"settings":{"tag":"span","text":"2003"}},{"id":"d77b78","name":"block","parent":"555814","children":["ed4d44","2ce5c2","7065af","14b300","cc3b66"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"ed4d44","name":"block","parent":"d77b78","children":["6f6d18"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"6f6d18","name":"text-basic","parent":"ed4d44","children":[],"settings":{"tag":"span","text":"Marcy Playground","_cssGlobalClasses":[]}},{"id":"2ce5c2","name":"block","parent":"d77b78","children":["c6b106"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"c6b106","name":"text-basic","parent":"2ce5c2","children":[],"settings":{"tag":"span","text":"22"}},{"id":"7065af","name":"block","parent":"d77b78","children":["ae9e12"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"ae9e12","name":"text-basic","parent":"7065af","children":[],"settings":{"tag":"span","text":"Britian"}},{"id":"14b300","name":"block","parent":"d77b78","children":["3883ea"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"3883ea","name":"text-basic","parent":"14b300","children":[],"settings":{"tag":"span","text":"Gold"}},{"id":"cc3b66","name":"block","parent":"d77b78","children":["1e02bf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"1e02bf","name":"text-basic","parent":"cc3b66","children":[],"settings":{"tag":"span","text":"2014"}}],"source":"bricksCopiedElements","sourceUrl":"https://core2.bricksbits.io","version":"2.0","globalClasses":[{"id":"mxoeuu","name":"table-4-5","settings":{"_cssCustom":".table-4-5 {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: var(--space-s);\n background: transparent;\n display: table;\n padding: var(--space-m);\n}\n\n.table-4-5 thead {\n display: table-header-group;\n}\n\n.table-4-5 tbody {\n display: table-row-group;\n}\n\n.table-4-5 tr {\n display: table-row;\n}\n\n.table-4-5 th,\n.table-4-5 td {\n display: table-cell;\n vertical-align: middle;\n border-radius: var(--radius-l);\n position: relative;\n}\n\n.table-4-5 th {\n padding: var(--space-l) var(--space-m);\n color: var(--light);\n font-weight: 700;\n text-transform: capitalize;\n text-align: center;\n border: 3px solid var(--primary);\n}\n\n.table-4-5 th:nth-child(1),\n.table-4-5 td:nth-child(1) {\n background: var(--primary);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(2),\n.table-4-5 td:nth-child(2) {\n background: var(--primary-20);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(3),\n.table-4-5 td:nth-child(3) {\n background: var(--primary-30);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(4),\n.table-4-5 td:nth-child(4) {\n background: var(--primary-40);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(5),\n.table-4-5 td:nth-child(5) {\n background: var(--primary-50);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(6),\n.table-4-5 td:nth-child(6) {\n background: var(--primary-60);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(7),\n.table-4-5 td:nth-child(7) {\n background: var(--primary-70);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(8),\n.table-4-5 td:nth-child(8) {\n background: var(--primary-80);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 td {\n padding: var(--space-m);\n color: var(--light);\n text-align: center;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.table-4-5 tbody tr:hover td {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 30px var(--dark-30);\n}\n\n@media screen and (max-width: 768px) {\n .table-4-5 {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n display: block;\n border-spacing: 0;\n padding: 0;\n }\n \n .table-4-5 thead {\n display: none;\n }\n \n .table-4-5 tbody {\n display: block;\n }\n \n .table-4-5 tbody tr {\n display: block;\n background: var(--primary);\n border-radius: var(--radius-m);\n border: 3px solid var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n margin-bottom: var(--space-m);\n padding: var(--space-m);\n position: relative;\n transition: all 0.3s ease;\n }\n \n .table-4-5 tbody tr:hover {\n transform: translateY(-5px);\n }\n \n .table-4-5 th {\n display: flex;\n font-size: var(--text-2xl);\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td:before {\n content: attr(data-label);\n font-weight: 600;\n color: var(--light-90);\n text-transform: uppercase;\n flex: 0 0 40%;\n }\n \n .table-4-5 td:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--primary-30);\n }\n \n .table-4-5 td:last-child:after {\n display: none;\n }\n}"},"modified":1752448755,"user_id":1}],"globalElements":[]}
{"content":[{"id":"bcdcfd","name":"block","parent":"77dbf7","children":["a32cfe"],"settings":{},"label":"Table Wrapper"},{"id":"a32cfe","name":"block","parent":"bcdcfd","children":["ba9255"],"settings":{"tag":"figure"},"label":"Figure"},{"id":"ba9255","name":"block","parent":"a32cfe","children":["61e5c0","555814"],"settings":{"tag":"custom","customTag":"table","_cssGlobalClasses":["mxoeuu"]},"label":"Table"},{"id":"61e5c0","name":"block","parent":"ba9255","children":["c6ea33"],"settings":{"tag":"custom","customTag":"thead"},"label":"Table Head"},{"id":"c6ea33","name":"block","parent":"61e5c0","children":["8ab938","98b8f9","d3b593","fff151","5fa253"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"8ab938","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Name","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"98b8f9","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","text":"Age","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"d3b593","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Country","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"fff151","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Medal"},"label":"Table Header"},{"id":"5fa253","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Year"},"label":"Table Header"},{"id":"555814","name":"block","parent":"ba9255","children":["0ce06a","001994","d77b78"],"settings":{"tag":"custom","customTag":"tbody"},"label":"Table Body"},{"id":"0ce06a","name":"block","parent":"555814","children":["7dc4cc","580975","2e70ea","cc82b7","8d6d63"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"7dc4cc","name":"block","parent":"0ce06a","children":["843f4a"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"843f4a","name":"text-basic","parent":"7dc4cc","children":[],"settings":{"tag":"span","text":"Bob Johnson","_cssGlobalClasses":[]}},{"id":"580975","name":"block","parent":"0ce06a","children":["073942"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"073942","name":"text-basic","parent":"580975","children":[],"settings":{"tag":"span","text":"45"}},{"id":"2e70ea","name":"block","parent":"0ce06a","children":["90b5b0"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"90b5b0","name":"text-basic","parent":"2e70ea","children":[],"settings":{"tag":"span","text":"Canada"}},{"id":"cc82b7","name":"block","parent":"0ce06a","children":["2c01cf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"2c01cf","name":"text-basic","parent":"cc82b7","children":[],"settings":{"text":"Gold","tag":"span"}},{"id":"8d6d63","name":"block","parent":"0ce06a","children":["9c7e07"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"9c7e07","name":"text-basic","parent":"8d6d63","children":[],"settings":{"tag":"span","text":"1975"}},{"id":"001994","name":"block","parent":"555814","children":["beed19","e478d7","25353b","7ba978","e6a8ab"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"beed19","name":"block","parent":"001994","children":["46190f"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"46190f","name":"text-basic","parent":"beed19","children":[],"settings":{"tag":"span","text":"Hank Snow","_cssGlobalClasses":[]}},{"id":"e478d7","name":"block","parent":"001994","children":["f55c29"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"f55c29","name":"text-basic","parent":"e478d7","children":[],"settings":{"tag":"span","text":"34"}},{"id":"25353b","name":"block","parent":"001994","children":["cb93cc"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"cb93cc","name":"text-basic","parent":"25353b","children":[],"settings":{"tag":"span","text":"Spain"}},{"id":"7ba978","name":"block","parent":"001994","children":["857688"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"857688","name":"text-basic","parent":"7ba978","children":[],"settings":{"tag":"span","text":"Silver"}},{"id":"e6a8ab","name":"block","parent":"001994","children":["cddb87"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"cddb87","name":"text-basic","parent":"e6a8ab","children":[],"settings":{"tag":"span","text":"2003"}},{"id":"d77b78","name":"block","parent":"555814","children":["ed4d44","2ce5c2","7065af","14b300","cc3b66"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"ed4d44","name":"block","parent":"d77b78","children":["6f6d18"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"6f6d18","name":"text-basic","parent":"ed4d44","children":[],"settings":{"tag":"span","text":"Marcy Playground","_cssGlobalClasses":[]}},{"id":"2ce5c2","name":"block","parent":"d77b78","children":["c6b106"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"c6b106","name":"text-basic","parent":"2ce5c2","children":[],"settings":{"tag":"span","text":"22"}},{"id":"7065af","name":"block","parent":"d77b78","children":["ae9e12"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"ae9e12","name":"text-basic","parent":"7065af","children":[],"settings":{"tag":"span","text":"Britian"}},{"id":"14b300","name":"block","parent":"d77b78","children":["3883ea"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"3883ea","name":"text-basic","parent":"14b300","children":[],"settings":{"tag":"span","text":"Gold"}},{"id":"cc3b66","name":"block","parent":"d77b78","children":["1e02bf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"1e02bf","name":"text-basic","parent":"cc3b66","children":[],"settings":{"tag":"span","text":"2014"}}],"source":"bricksCopiedElements","sourceUrl":"https://core2.bricksbits.io","version":"2.0","globalClasses":[{"id":"mxoeuu","name":"table-4-5","settings":{"_cssCustom":".table-4-5 {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: var(--space-s);\n background: transparent;\n display: table;\n padding: var(--space-m);\n}\n\n.table-4-5 thead {\n display: table-header-group;\n}\n\n.table-4-5 tbody {\n display: table-row-group;\n}\n\n.table-4-5 tr {\n display: table-row;\n}\n\n.table-4-5 th,\n.table-4-5 td {\n display: table-cell;\n vertical-align: middle;\n border-radius: var(--radius-l);\n position: relative;\n}\n\n.table-4-5 th {\n padding: var(--space-l) var(--space-m);\n color: var(--light);\n font-weight: 700;\n text-transform: capitalize;\n text-align: center;\n border: 3px solid var(--primary);\n}\n\n.table-4-5 th:nth-child(1),\n.table-4-5 td:nth-child(1) {\n background: var(--primary);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(2),\n.table-4-5 td:nth-child(2) {\n background: var(--primary-20);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(3),\n.table-4-5 td:nth-child(3) {\n background: var(--primary-30);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(4),\n.table-4-5 td:nth-child(4) {\n background: var(--primary-40);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(5),\n.table-4-5 td:nth-child(5) {\n background: var(--primary-50);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(6),\n.table-4-5 td:nth-child(6) {\n background: var(--primary-60);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(7),\n.table-4-5 td:nth-child(7) {\n background: var(--primary-70);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(8),\n.table-4-5 td:nth-child(8) {\n background: var(--primary-80);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 td {\n padding: var(--space-m);\n color: var(--light);\n text-align: center;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.table-4-5 tbody tr:hover td {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 30px var(--dark-30);\n}\n\n@media screen and (max-width: 768px) {\n .table-4-5 {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n display: block;\n border-spacing: 0;\n padding: 0;\n }\n \n .table-4-5 thead {\n display: none;\n }\n \n .table-4-5 tbody {\n display: block;\n }\n \n .table-4-5 tbody tr {\n display: block;\n background: var(--primary);\n border-radius: var(--radius-m);\n border: 3px solid var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n margin-bottom: var(--space-m);\n padding: var(--space-m);\n position: relative;\n transition: all 0.3s ease;\n }\n \n .table-4-5 tbody tr:hover {\n transform: translateY(-5px);\n }\n \n .table-4-5 th {\n display: flex;\n font-size: var(--text-2xl);\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td:before {\n content: attr(data-label);\n font-weight: 600;\n color: var(--light-90);\n text-transform: uppercase;\n flex: 0 0 40%;\n }\n \n .table-4-5 td:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--primary-30);\n }\n \n .table-4-5 td:last-child:after {\n display: none;\n }\n}"},"modified":1752448755,"user_id":1}],"globalElements":[]}
{"content":[{"id":"bcdcfd","name":"block","parent":"77dbf7","children":["a32cfe"],"settings":{},"label":"Table Wrapper"},{"id":"a32cfe","name":"block","parent":"bcdcfd","children":["ba9255"],"settings":{"tag":"figure"},"label":"Figure"},{"id":"ba9255","name":"block","parent":"a32cfe","children":["61e5c0","555814"],"settings":{"tag":"custom","customTag":"table","_cssGlobalClasses":["mxoeuu"]},"label":"Table"},{"id":"61e5c0","name":"block","parent":"ba9255","children":["c6ea33"],"settings":{"tag":"custom","customTag":"thead"},"label":"Table Head"},{"id":"c6ea33","name":"block","parent":"61e5c0","children":["8ab938","98b8f9","d3b593","fff151","5fa253"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"8ab938","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Name","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"98b8f9","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","text":"Age","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"d3b593","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Country","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"fff151","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Medal"},"label":"Table Header"},{"id":"5fa253","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Year"},"label":"Table Header"},{"id":"555814","name":"block","parent":"ba9255","children":["0ce06a","001994","d77b78"],"settings":{"tag":"custom","customTag":"tbody"},"label":"Table Body"},{"id":"0ce06a","name":"block","parent":"555814","children":["7dc4cc","580975","2e70ea","cc82b7","8d6d63"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"7dc4cc","name":"block","parent":"0ce06a","children":["843f4a"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"843f4a","name":"text-basic","parent":"7dc4cc","children":[],"settings":{"tag":"span","text":"Bob Johnson","_cssGlobalClasses":[]}},{"id":"580975","name":"block","parent":"0ce06a","children":["073942"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"073942","name":"text-basic","parent":"580975","children":[],"settings":{"tag":"span","text":"45"}},{"id":"2e70ea","name":"block","parent":"0ce06a","children":["90b5b0"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"90b5b0","name":"text-basic","parent":"2e70ea","children":[],"settings":{"tag":"span","text":"Canada"}},{"id":"cc82b7","name":"block","parent":"0ce06a","children":["2c01cf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"2c01cf","name":"text-basic","parent":"cc82b7","children":[],"settings":{"text":"Gold","tag":"span"}},{"id":"8d6d63","name":"block","parent":"0ce06a","children":["9c7e07"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"9c7e07","name":"text-basic","parent":"8d6d63","children":[],"settings":{"tag":"span","text":"1975"}},{"id":"001994","name":"block","parent":"555814","children":["beed19","e478d7","25353b","7ba978","e6a8ab"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"beed19","name":"block","parent":"001994","children":["46190f"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"46190f","name":"text-basic","parent":"beed19","children":[],"settings":{"tag":"span","text":"Hank Snow","_cssGlobalClasses":[]}},{"id":"e478d7","name":"block","parent":"001994","children":["f55c29"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"f55c29","name":"text-basic","parent":"e478d7","children":[],"settings":{"tag":"span","text":"34"}},{"id":"25353b","name":"block","parent":"001994","children":["cb93cc"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"cb93cc","name":"text-basic","parent":"25353b","children":[],"settings":{"tag":"span","text":"Spain"}},{"id":"7ba978","name":"block","parent":"001994","children":["857688"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"857688","name":"text-basic","parent":"7ba978","children":[],"settings":{"tag":"span","text":"Silver"}},{"id":"e6a8ab","name":"block","parent":"001994","children":["cddb87"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"cddb87","name":"text-basic","parent":"e6a8ab","children":[],"settings":{"tag":"span","text":"2003"}},{"id":"d77b78","name":"block","parent":"555814","children":["ed4d44","2ce5c2","7065af","14b300","cc3b66"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"ed4d44","name":"block","parent":"d77b78","children":["6f6d18"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"6f6d18","name":"text-basic","parent":"ed4d44","children":[],"settings":{"tag":"span","text":"Marcy Playground","_cssGlobalClasses":[]}},{"id":"2ce5c2","name":"block","parent":"d77b78","children":["c6b106"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"c6b106","name":"text-basic","parent":"2ce5c2","children":[],"settings":{"tag":"span","text":"22"}},{"id":"7065af","name":"block","parent":"d77b78","children":["ae9e12"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"ae9e12","name":"text-basic","parent":"7065af","children":[],"settings":{"tag":"span","text":"Britian"}},{"id":"14b300","name":"block","parent":"d77b78","children":["3883ea"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"3883ea","name":"text-basic","parent":"14b300","children":[],"settings":{"tag":"span","text":"Gold"}},{"id":"cc3b66","name":"block","parent":"d77b78","children":["1e02bf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"1e02bf","name":"text-basic","parent":"cc3b66","children":[],"settings":{"tag":"span","text":"2014"}}],"source":"bricksCopiedElements","sourceUrl":"https://core2.bricksbits.io","version":"2.0","globalClasses":[{"id":"mxoeuu","name":"table-4-5","settings":{"_cssCustom":".table-4-5 {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: var(--space-s);\n background: transparent;\n display: table;\n padding: var(--space-m);\n}\n\n.table-4-5 thead {\n display: table-header-group;\n}\n\n.table-4-5 tbody {\n display: table-row-group;\n}\n\n.table-4-5 tr {\n display: table-row;\n}\n\n.table-4-5 th,\n.table-4-5 td {\n display: table-cell;\n vertical-align: middle;\n border-radius: var(--radius-l);\n position: relative;\n}\n\n.table-4-5 th {\n padding: var(--space-l) var(--space-m);\n color: var(--light);\n font-weight: 700;\n text-transform: capitalize;\n text-align: center;\n border: 3px solid var(--primary);\n}\n\n.table-4-5 th:nth-child(1),\n.table-4-5 td:nth-child(1) {\n background: var(--primary);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(2),\n.table-4-5 td:nth-child(2) {\n background: var(--primary-20);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(3),\n.table-4-5 td:nth-child(3) {\n background: var(--primary-30);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(4),\n.table-4-5 td:nth-child(4) {\n background: var(--primary-40);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(5),\n.table-4-5 td:nth-child(5) {\n background: var(--primary-50);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(6),\n.table-4-5 td:nth-child(6) {\n background: var(--primary-60);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(7),\n.table-4-5 td:nth-child(7) {\n background: var(--primary-70);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(8),\n.table-4-5 td:nth-child(8) {\n background: var(--primary-80);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 td {\n padding: var(--space-m);\n color: var(--light);\n text-align: center;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.table-4-5 tbody tr:hover td {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 30px var(--dark-30);\n}\n\n@media screen and (max-width: 768px) {\n .table-4-5 {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n display: block;\n border-spacing: 0;\n padding: 0;\n }\n \n .table-4-5 thead {\n display: none;\n }\n \n .table-4-5 tbody {\n display: block;\n }\n \n .table-4-5 tbody tr {\n display: block;\n background: var(--primary);\n border-radius: var(--radius-m);\n border: 3px solid var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n margin-bottom: var(--space-m);\n padding: var(--space-m);\n position: relative;\n transition: all 0.3s ease;\n }\n \n .table-4-5 tbody tr:hover {\n transform: translateY(-5px);\n }\n \n .table-4-5 th {\n display: flex;\n font-size: var(--text-2xl);\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td:before {\n content: attr(data-label);\n font-weight: 600;\n color: var(--light-90);\n text-transform: uppercase;\n flex: 0 0 40%;\n }\n \n .table-4-5 td:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--primary-30);\n }\n \n .table-4-5 td:last-child:after {\n display: none;\n }\n}"},"modified":1752448755,"user_id":1}],"globalElements":[]}
{"content":[{"id":"bcdcfd","name":"block","parent":"77dbf7","children":["a32cfe"],"settings":{},"label":"Table Wrapper"},{"id":"a32cfe","name":"block","parent":"bcdcfd","children":["ba9255"],"settings":{"tag":"figure"},"label":"Figure"},{"id":"ba9255","name":"block","parent":"a32cfe","children":["61e5c0","555814"],"settings":{"tag":"custom","customTag":"table","_cssGlobalClasses":["mxoeuu"]},"label":"Table"},{"id":"61e5c0","name":"block","parent":"ba9255","children":["c6ea33"],"settings":{"tag":"custom","customTag":"thead"},"label":"Table Head"},{"id":"c6ea33","name":"block","parent":"61e5c0","children":["8ab938","98b8f9","d3b593","fff151","5fa253"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"8ab938","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Name","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"98b8f9","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","text":"Age","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"d3b593","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","text":"Country","_attributes":[{"id":"ungomu","name":"scope","value":"col"}]},"label":"Table Header"},{"id":"fff151","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Medal"},"label":"Table Header"},{"id":"5fa253","name":"text-basic","parent":"c6ea33","children":[],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ungomu","name":"scope","value":"col"}],"text":"Year"},"label":"Table Header"},{"id":"555814","name":"block","parent":"ba9255","children":["0ce06a","001994","d77b78"],"settings":{"tag":"custom","customTag":"tbody"},"label":"Table Body"},{"id":"0ce06a","name":"block","parent":"555814","children":["7dc4cc","580975","2e70ea","cc82b7","8d6d63"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"7dc4cc","name":"block","parent":"0ce06a","children":["843f4a"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"843f4a","name":"text-basic","parent":"7dc4cc","children":[],"settings":{"tag":"span","text":"Bob Johnson","_cssGlobalClasses":[]}},{"id":"580975","name":"block","parent":"0ce06a","children":["073942"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"073942","name":"text-basic","parent":"580975","children":[],"settings":{"tag":"span","text":"45"}},{"id":"2e70ea","name":"block","parent":"0ce06a","children":["90b5b0"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"90b5b0","name":"text-basic","parent":"2e70ea","children":[],"settings":{"tag":"span","text":"Canada"}},{"id":"cc82b7","name":"block","parent":"0ce06a","children":["2c01cf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"2c01cf","name":"text-basic","parent":"cc82b7","children":[],"settings":{"text":"Gold","tag":"span"}},{"id":"8d6d63","name":"block","parent":"0ce06a","children":["9c7e07"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"9c7e07","name":"text-basic","parent":"8d6d63","children":[],"settings":{"tag":"span","text":"1975"}},{"id":"001994","name":"block","parent":"555814","children":["beed19","e478d7","25353b","7ba978","e6a8ab"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"beed19","name":"block","parent":"001994","children":["46190f"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"46190f","name":"text-basic","parent":"beed19","children":[],"settings":{"tag":"span","text":"Hank Snow","_cssGlobalClasses":[]}},{"id":"e478d7","name":"block","parent":"001994","children":["f55c29"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"f55c29","name":"text-basic","parent":"e478d7","children":[],"settings":{"tag":"span","text":"34"}},{"id":"25353b","name":"block","parent":"001994","children":["cb93cc"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"cb93cc","name":"text-basic","parent":"25353b","children":[],"settings":{"tag":"span","text":"Spain"}},{"id":"7ba978","name":"block","parent":"001994","children":["857688"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"857688","name":"text-basic","parent":"7ba978","children":[],"settings":{"tag":"span","text":"Silver"}},{"id":"e6a8ab","name":"block","parent":"001994","children":["cddb87"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"cddb87","name":"text-basic","parent":"e6a8ab","children":[],"settings":{"tag":"span","text":"2003"}},{"id":"d77b78","name":"block","parent":"555814","children":["ed4d44","2ce5c2","7065af","14b300","cc3b66"],"settings":{"tag":"custom","customTag":"tr"},"label":"Table Row"},{"id":"ed4d44","name":"block","parent":"d77b78","children":["6f6d18"],"settings":{"tag":"custom","customTag":"th","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Name"},{"id":"fsrnya","name":"scope","value":"row"}]},"label":"TH"},{"id":"6f6d18","name":"text-basic","parent":"ed4d44","children":[],"settings":{"tag":"span","text":"Marcy Playground","_cssGlobalClasses":[]}},{"id":"2ce5c2","name":"block","parent":"d77b78","children":["c6b106"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Age"}]},"label":"TD"},{"id":"c6b106","name":"text-basic","parent":"2ce5c2","children":[],"settings":{"tag":"span","text":"22"}},{"id":"7065af","name":"block","parent":"d77b78","children":["ae9e12"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Country"}]},"label":"TD"},{"id":"ae9e12","name":"text-basic","parent":"7065af","children":[],"settings":{"tag":"span","text":"Britian"}},{"id":"14b300","name":"block","parent":"d77b78","children":["3883ea"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Medal"}]},"label":"TD"},{"id":"3883ea","name":"text-basic","parent":"14b300","children":[],"settings":{"tag":"span","text":"Gold"}},{"id":"cc3b66","name":"block","parent":"d77b78","children":["1e02bf"],"settings":{"tag":"custom","customTag":"td","_attributes":[{"id":"ktlkiq","name":"data-label","value":"Year"}]},"label":"TD"},{"id":"1e02bf","name":"text-basic","parent":"cc3b66","children":[],"settings":{"tag":"span","text":"2014"}}],"source":"bricksCopiedElements","sourceUrl":"https://core2.bricksbits.io","version":"2.0","globalClasses":[{"id":"mxoeuu","name":"table-4-5","settings":{"_cssCustom":".table-4-5 {\n width: 100%;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: var(--space-s);\n background: transparent;\n display: table;\n padding: var(--space-m);\n}\n\n.table-4-5 thead {\n display: table-header-group;\n}\n\n.table-4-5 tbody {\n display: table-row-group;\n}\n\n.table-4-5 tr {\n display: table-row;\n}\n\n.table-4-5 th,\n.table-4-5 td {\n display: table-cell;\n vertical-align: middle;\n border-radius: var(--radius-l);\n position: relative;\n}\n\n.table-4-5 th {\n padding: var(--space-l) var(--space-m);\n color: var(--light);\n font-weight: 700;\n text-transform: capitalize;\n text-align: center;\n border: 3px solid var(--primary);\n}\n\n.table-4-5 th:nth-child(1),\n.table-4-5 td:nth-child(1) {\n background: var(--primary);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(2),\n.table-4-5 td:nth-child(2) {\n background: var(--primary-20);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(3),\n.table-4-5 td:nth-child(3) {\n background: var(--primary-30);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(4),\n.table-4-5 td:nth-child(4) {\n background: var(--primary-40);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(5),\n.table-4-5 td:nth-child(5) {\n background: var(--primary-50);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(6),\n.table-4-5 td:nth-child(6) {\n background: var(--primary-60);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(7),\n.table-4-5 td:nth-child(7) {\n background: var(--primary-70);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 th:nth-child(8),\n.table-4-5 td:nth-child(8) {\n background: var(--primary-80);\n border-color: var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n}\n\n.table-4-5 td {\n padding: var(--space-m);\n color: var(--light);\n text-align: center;\n font-weight: 600;\n transition: all 0.3s ease;\n}\n\n.table-4-5 tbody tr:hover td {\n transform: translateY(-5px) scale(1.02);\n box-shadow: 0 10px 30px var(--dark-30);\n}\n\n@media screen and (max-width: 768px) {\n .table-4-5 {\n border: none;\n border-radius: 0;\n background: transparent;\n box-shadow: none;\n display: block;\n border-spacing: 0;\n padding: 0;\n }\n \n .table-4-5 thead {\n display: none;\n }\n \n .table-4-5 tbody {\n display: block;\n }\n \n .table-4-5 tbody tr {\n display: block;\n background: var(--primary);\n border-radius: var(--radius-m);\n border: 3px solid var(--primary);\n box-shadow: 0 0 0 3px var(--primary-10);\n margin-bottom: var(--space-m);\n padding: var(--space-m);\n position: relative;\n transition: all 0.3s ease;\n }\n \n .table-4-5 tbody tr:hover {\n transform: translateY(-5px);\n }\n \n .table-4-5 th {\n display: flex;\n font-size: var(--text-2xl);\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td {\n display: flex;\n justify-content: space-between;\n align-items: center;\n border: none;\n padding: var(--space-s) 0;\n position: relative;\n background: none;\n box-shadow: none;\n }\n \n .table-4-5 td:before {\n content: attr(data-label);\n font-weight: 600;\n color: var(--light-90);\n text-transform: uppercase;\n flex: 0 0 40%;\n }\n \n .table-4-5 td:after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n height: 1px;\n background: var(--primary-30);\n }\n \n .table-4-5 td:last-child:after {\n display: none;\n }\n}"},"modified":1752448755,"user_id":1}],"globalElements":[]}
