/*------------------------------------*\ #COMPONENTS \*------------------------------------*/ /** * Returns the value of the `$key` value of a provided `$map`. */ /** * Uses `getProperty()` to return a value from the `$colors` map. */ /** * Uses `getProperty()` to return a value from the `$breakpoints` map. */ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /*------------------------------------*\ #ELEMENT-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HEADER-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HORIZONTAL-SPACING \*------------------------------------*/ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /*------------------------------------*\ #TRANSITIONS \*------------------------------------*/ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /*------------------------------------*\ #FOOTER-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #ELEMENT-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #GUTTERS \*------------------------------------*/ .p-w-r .pr-accessible-text { display: block; width: 0; height: 0; overflow: hidden; color: #404040; position: absolute; } .p-w-r .pr-star, .p-w-r .pr-star:hover, .p-w-r .pr-star-selected { line-height: normal; width: 50px; height: 50px; background-size: 50px 50px; display: inline-block; margin-right: 5px; padding: 8px; } .p-w-r .pr-star-v4, .p-w-r .pr-star-v4-0-filled, .p-w-r .pr-star-v4-25-filled, .p-w-r .pr-star-v4-50-filled, .p-w-r .pr-star-v4-75-filled, .p-w-r .pr-star-v4-100-filled, .p-w-r .pr-star-accessible-0-filled, .p-w-r .pr-star-accessible-25-filled, .p-w-r .pr-star-accessible-50-filled, .p-w-r .pr-star-accessible-75-filled, .p-w-r .pr-star-accessible-100-filled { line-height: normal; width: 50px; height: 50px; display: inline-block; margin-right: 5px; background-size: cover; } .p-w-r .pr-star-v4-0-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U3RhciBDb3B5IDg8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IlN0YXItQ29weS04IiBzdHJva2U9IiMzMjM5NTIiPgogICAgICAgICAgICA8cGF0aCBkPSJNNy41LDEuMTI5Nzc1NzMgTDkuMzcyMTYxOTQsNC45MjMxOTAxNSBMMTMuNTU4NDQzMyw1LjUzMTQ5MjQ0IEwxMC41MjkyMjE3LDguNDg0MjUzNzggTDExLjI0NDMyMzksMTIuNjUzNjE5NyBMNy41LDEwLjY4NTExMjEgTDMuNzU1Njc2MTIsMTIuNjUzNjE5NyBMNC40NzA3NzgzNSw4LjQ4NDI1Mzc4IEwxLjQ0MTU1NjcsNS41MzE0OTI0NCBMNS42Mjc4MzgwNiw0LjkyMzE5MDE1IEw3LjUsMS4xMjk3NzU3MyBaIiBpZD0iU3Rhci1Db3B5LTQiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") !important; } .p-w-r .pr-star-v4-25-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXAgNTwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAtNCIgc3Ryb2tlPSIjMzIzOTUyIj4KICAgICAgICAgICAgPHBhdGggZD0iTTUuNDk5MDc2MTMsNS40MzIwMzEyOSBMNS40OTkwNzYxMywxMS40NDYwMjE2IEw0Ljc3Mjc1ODAyLDExLjc3MzYzOTggTDUuNDgyMTExNTEsOC4yMjg2MjcwMyBMMi41NzA3ODYzNyw1Ljc5NjE5MjE5IEw1LjQ5OTA3NjEzLDUuNDMyMDMxMjkgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjMzIzOTUyIj48L3BhdGg+CiAgICAgICAgICAgIDxnIGlkPSJTdGFyLUNvcHktOCI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy41LDEuMTI5Nzc1NzMgTDkuMzcyMTYxOTQsNC45MjMxOTAxNSBMMTMuNTU4NDQzMyw1LjUzMTQ5MjQ0IEwxMC41MjkyMjE3LDguNDg0MjUzNzggTDExLjI0NDMyMzksMTIuNjUzNjE5NyBMNy41LDEwLjY4NTExMjEgTDMuNzU1Njc2MTIsMTIuNjUzNjE5NyBMNC40NzA3NzgzNSw4LjQ4NDI1Mzc4IEwxLjQ0MTU1NjcsNS41MzE0OTI0NCBMNS42Mjc4MzgwNiw0LjkyMzE5MDE1IEw3LjUsMS4xMjk3NzU3MyBaIiBpZD0iU3Rhci1Db3B5LTQiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important; } .p-w-r .pr-star-v4-50-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiBzdHJva2U9IiMzMjM5NTIiPgogICAgICAgICAgICA8ZyBpZD0iU3Rhci0yLUNvcHkiIGZpbGw9IiMzMjM5NTIiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTcsMi4xNDI4ODYzOSBMNywxMC45NDc5Nzc3IEwzLjc1NTY3NjEyLDEyLjY1MzYxOTcgTDQuNDcwNzc4MzUsOC40ODQyNTM3OCBMMS40NDE1NTY3LDUuNTMxNDkyNDQgTDUuNjI3ODM4MDYsNC45MjMxOTAxNSBMNywyLjE0Mjg4NjM5IFoiIGlkPSJTdGFyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgaWQ9IlN0YXItQ29weS04Ij4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjUsMS4xMjk3NzU3MyBMOS4zNzIxNjE5NCw0LjkyMzE5MDE1IEwxMy41NTg0NDMzLDUuNTMxNDkyNDQgTDEwLjUyOTIyMTcsOC40ODQyNTM3OCBMMTEuMjQ0MzIzOSwxMi42NTM2MTk3IEw3LjUsMTAuNjg1MTEyMSBMMy43NTU2NzYxMiwxMi42NTM2MTk3IEw0LjQ3MDc3ODM1LDguNDg0MjUzNzggTDEuNDQxNTU2Nyw1LjUzMTQ5MjQ0IEw1LjYyNzgzODA2LDQuOTIzMTkwMTUgTDcuNSwxLjEyOTc3NTczIFoiIGlkPSJTdGFyLUNvcHktNCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") !important; } .p-w-r .pr-star-v4-75-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXAgMzwvdGl0bGU+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iR3JvdXAtMyI+CiAgICAgICAgICAgIDxnIGlkPSJHcm91cC0yIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJHcm91cC1Db3B5IiBzdHJva2U9IiMzMjM5NTIiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJTdGFyLTItQ29weSIgZmlsbD0iIzMyMzk1MiI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LDIuMTQyODg2MzkgTDcsMTAuOTQ3OTc3NyBMMy43NTU2NzYxMiwxMi42NTM2MTk3IEw0LjQ3MDc3ODM1LDguNDg0MjUzNzggTDEuNDQxNTU2Nyw1LjUzMTQ5MjQ0IEw1LjYyNzgzODA2LDQuOTIzMTkwMTUgTDcsMi4xNDI4ODYzOSBaIiBpZD0iU3RhciI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8ZyBpZD0iU3Rhci1Db3B5LTgiPgogICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNy41LDEuMTI5Nzc1NzMgTDkuMzcyMTYxOTQsNC45MjMxOTAxNSBMMTMuNTU4NDQzMyw1LjUzMTQ5MjQ0IEwxMC41MjkyMjE3LDguNDg0MjUzNzggTDExLjI0NDMyMzksMTIuNjUzNjE5NyBMNy41LDEwLjY4NTExMjEgTDMuNzU1Njc2MTIsMTIuNjUzNjE5NyBMNC40NzA3NzgzNSw4LjQ4NDI1Mzc4IEwxLjQ0MTU1NjcsNS41MzE0OTI0NCBMNS42Mjc4MzgwNiw0LjkyMzE5MDE1IEw3LjUsMS4xMjk3NzU3MyBaIiBpZD0iU3Rhci1Db3B5LTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8cmVjdCBpZD0iUmVjdGFuZ2xlIiBmaWxsPSIjMzIzOTUyIiB4PSI2IiB5PSIzIiB3aWR0aD0iMiIgaGVpZ2h0PSI4Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgZmlsbD0iIzMyMzk1MiIgeD0iNyIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMyI+PC9yZWN0PgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") !important; } .p-w-r .pr-star-v4-100-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+U3RhciAyPC90aXRsZT4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJTdGFyLTIiIGZpbGw9IiMzMjM5NTIiIHN0cm9rZT0iIzMyMzk1MiI+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjUsMS4xMjk3NzU3MyBMOS4zNzIxNjE5NCw0LjkyMzE5MDE1IEwxMy41NTg0NDMzLDUuNTMxNDkyNDQgTDEwLjUyOTIyMTcsOC40ODQyNTM3OCBMMTEuMjQ0MzIzOSwxMi42NTM2MTk3IEw3LjUsMTAuNjg1MTEyMSBMMy43NTU2NzYxMiwxMi42NTM2MTk3IEw0LjQ3MDc3ODM1LDguNDg0MjUzNzggTDEuNDQxNTU2Nyw1LjUzMTQ5MjQ0IEw1LjYyNzgzODA2LDQuOTIzMTkwMTUgTDcuNSwxLjEyOTc3NTczIFoiIGlkPSJTdGFyIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=") !important; } .p-w-r .pr-star-accessible { line-height: normal; width: 50px; height: 50px; display: inline-block; margin-right: 5px; background-size: cover; } .p-w-r .pr-star-accessible-0-filled { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTggMTE4Ij4gIDxwYXRoIGZpbGw9IiNkOGQ4ZDgiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNNTkgOTIuNWwtMzMuNSAxNy42IDYuNC0zNy4zTDQuOCA0Ni40bDM3LjQtNS41TDU5IDdsMTYuOCAzMy45IDM3LjQgNS41LTI3LjEgMjYuNCA2LjQgMzcuM3oiLz48L3N2Zz4="); } .p-w-r .pr-star-accessible-25-filled { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTggMTE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTggMTE4Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC02KSI+ICAgIDxwYXRoIGZpbGw9IiNkOGQ4ZDgiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNNjAgOTguNWwtMzMuNSAxNy42IDYuNC0zNy4zTDUuOCA1Mi40bDM3LjQtNS41TDYwIDEzbDE2LjggMzMuOSAzNy40IDUuNS0yNy4xIDI2LjQgNi40IDM3LjN6Ii8+ICAgIDxkZWZzPiAgICAgIDxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMS41IiB5PSI4LjUiIHdpZHRoPSIxMTciIGhlaWdodD0iMTExLjMiPiAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAiLz4gICAgICA8L2ZpbHRlcj4gICAgPC9kZWZzPiAgICA8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxLjUiIHk9IjguNSIgd2lkdGg9IjExNyIgaGVpZ2h0PSIxMTEuMyIgaWQ9ImIiPiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDloMzB2MTExSDB6IiBmaWx0ZXI9InVybCgjYSkiLz4gICAgPC9tYXNrPiAgICA8cGF0aCBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjZjA1ZTI0IiBzdHJva2U9IiNjNjRmMWYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTYwIDk4LjVsLTMzLjUgMTcuNiA2LjQtMzcuM0w1LjggNTIuNGwzNy40LTUuNUw2MCAxM2wxNi44IDMzLjkgMzcuNCA1LjUtMjcuMSAyNi40IDYuNCAzNy4zeiIvPiAgPC9nPjwvc3ZnPg=="); } .p-w-r .pr-star-accessible-50-filled { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+R3JvdXA8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Ikdyb3VwIiBzdHJva2U9IiMzMjM5NTIiPgogICAgICAgICAgICA8ZyBpZD0iU3Rhci0yLUNvcHkiIGZpbGw9IiMzMjM5NTIiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTcsMi4xNDI4ODYzOSBMNywxMC45NDc5Nzc3IEwzLjc1NTY3NjEyLDEyLjY1MzYxOTcgTDQuNDcwNzc4MzUsOC40ODQyNTM3OCBMMS40NDE1NTY3LDUuNTMxNDkyNDQgTDUuNjI3ODM4MDYsNC45MjMxOTAxNSBMNywyLjE0Mjg4NjM5IFoiIGlkPSJTdGFyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPGcgaWQ9IlN0YXItQ29weS04Ij4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik03LjUsMS4xMjk3NzU3MyBMOS4zNzIxNjE5NCw0LjkyMzE5MDE1IEwxMy41NTg0NDMzLDUuNTMxNDkyNDQgTDEwLjUyOTIyMTcsOC40ODQyNTM3OCBMMTEuMjQ0MzIzOSwxMi42NTM2MTk3IEw3LjUsMTAuNjg1MTEyMSBMMy43NTU2NzYxMiwxMi42NTM2MTk3IEw0LjQ3MDc3ODM1LDguNDg0MjUzNzggTDEuNDQxNTU2Nyw1LjUzMTQ5MjQ0IEw1LjYyNzgzODA2LDQuOTIzMTkwMTUgTDcuNSwxLjEyOTc3NTczIFoiIGlkPSJTdGFyLUNvcHktNCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4="); } .p-w-r .pr-star-accessible-75-filled { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTggMTE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTggMTE4Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC02KSI+ICAgIDxwYXRoIGZpbGw9IiNkOGQ4ZDgiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNNjAgOTguNWwtMzMuNSAxNy42IDYuNC0zNy4zTDUuOCA1Mi40bDM3LjQtNS41TDYwIDEzbDE2LjggMzMuOSAzNy40IDUuNS0yNy4xIDI2LjQgNi40IDM3LjN6Ii8+ICAgIDxkZWZzPiAgICAgIDxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMS41IiB5PSI4LjUiIHdpZHRoPSIxMTciIGhlaWdodD0iMTExLjMiPiAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAiLz4gICAgICA8L2ZpbHRlcj4gICAgPC9kZWZzPiAgICA8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxLjUiIHk9IjguNSIgd2lkdGg9IjExNyIgaGVpZ2h0PSIxMTEuMyIgaWQ9ImIiPiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDloOTB2MTExSDB6IiBmaWx0ZXI9InVybCgjYSkiLz4gICAgPC9tYXNrPiAgICA8cGF0aCBtYXNrPSJ1cmwoI2IpIiBmaWxsPSIjZjA1ZTI0IiBzdHJva2U9IiNjNjRmMWYiIHN0cm9rZS13aWR0aD0iNCIgZD0iTTYwIDk4LjVsLTMzLjUgMTcuNiA2LjQtMzcuM0w1LjggNTIuNGwzNy40LTUuNUw2MCAxM2wxNi44IDMzLjkgMzcuNCA1LjUtMjcuMSAyNi40IDYuNCAzNy4zeiIvPiAgPC9nPjwvc3ZnPg=="); } .p-w-r .pr-star-accessible-100-filled { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTggMTE4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMTggMTE4Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xIC02KSI+ICAgIDxwYXRoIGZpbGw9IiNkOGQ4ZDgiIHN0cm9rZT0iI2FhYSIgc3Ryb2tlLXdpZHRoPSI0IiBkPSJNNjAgOTguNWwtMzMuNSAxNy42IDYuNC0zNy4zTDUuOCA1Mi40bDM3LjQtNS41TDYwIDEzbDE2LjggMzMuOSAzNy40IDUuNS0yNy4xIDI2LjQgNi40IDM3LjN6Ii8+ICAgIDxkZWZzPiAgICAgIDxmaWx0ZXIgaWQ9ImEiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMS41IiB5PSI4LjUiIHdpZHRoPSIxMTciIGhlaWdodD0iMTExLjMiPiAgICAgICAgPGZlQ29sb3JNYXRyaXggdmFsdWVzPSIxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAgMCAwIDAgMCAxIDAiLz4gICAgICA8L2ZpbHRlcj4gICAgPC9kZWZzPiAgICA8bWFzayBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxLjUiIHk9IjguNSIgd2lkdGg9IjExNyIgaGVpZ2h0PSIxMTEuMyIgaWQ9ImIiPiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDloMTIwdjExMUgweiIgZmlsdGVyPSJ1cmwoI2EpIi8+ICAgIDwvbWFzaz4gICAgPHBhdGggbWFzaz0idXJsKCNiKSIgZmlsbD0iI2YwNWUyNCIgc3Ryb2tlPSIjYzY0ZjFmIiBzdHJva2Utd2lkdGg9IjQiIGQ9Ik02MCA5OC41bC0zMy41IDE3LjYgNi40LTM3LjNMNS44IDUyLjRsMzcuNC01LjVMNjAgMTNsMTYuOCAzMy45IDM3LjQgNS41LTI3LjEgMjYuNCA2LjQgMzcuM3oiLz4gIDwvZz48L3N2Zz4="); } .p-w-r .pr-star { border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border: 0px solid #dddddd; background-color: #dddddd; } .p-w-r .pr-snippet .pr-snippet-rating-decimal { display: none; } .p-w-r .pr-review-snapshot-header .pr-review-snapshot-header-intro .pr-subheadline { display: none !important; } /** * TABLE OF CONTENTS * * SETTINGS * Global..................Globally-available variables and config. * * TOOLS * Mixins..................Useful mixins. * * COMPONENTS * * * MODULES * */ /*------------------------------------*\ #SETTINGS \*------------------------------------*/ /** * Returns the value of the `$key` value of a provided `$map`. */ /** * Uses `getProperty()` to return a value from the `$colors` map. */ /** * Uses `getProperty()` to return a value from the `$breakpoints` map. */ /*------------------------------------*\ #TYPOGRAPHY \*------------------------------------*/ /*------------------------------------*\ #COLORS \*------------------------------------*/ /*------------------------------------*\ #ELEMENT-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HEADER-DEFAULTS \*------------------------------------*/ /*------------------------------------*\ #HORIZONTAL-SPACING \*------------------------------------*/ /*------------------------------------*\ #BREAKPOINTS \*------------------------------------*/ /*------------------------------------*\ #TRANSITIONS \*------------------------------------*/ /*------------------------------------*\ #TOOLS \*------------------------------------*/ /** * Responsive Mixin * This mixin is designed for a _cleaner_ first approach * This means that css isn't overridden but rather replaced for * different viewport widths; making it easier to inspect/debug css * * Usage: * @include media-query(exclude-medium) { ... } * @include media-query(medium-up-to-site) { ... } * ... etc */ /** * [Adds styles to allow an element's height scale proportionatelly] * @param {[Number]} $width * @param {[Number]} $height */ /** * [Calculates the percentage aspect ratio (what % height is compared to the width)] * @param {[Number]} $width * @param {[Number]} $height * @return {[Number(%)]} */ /** * *****REMEMBER TO USE MARGIN OR PADDING AND NOT TOP/BOTTOM****** * [Calculates the center of an element in relation to a provided width and height. * Useful to place an absolute element at the center of another when * the positioned element cannot be the target's child ] * @param {[Number]} $width * @param {[Number]} $height * @return {[Number(%)]} */ /** * [In the awful case you can't use Flexbox to vertically align something] * @param {[type]} $transform: false [Use transforms to align instead of the absolute trick] * @param {[type]} $pos: absolute [position type] * @param {[type]} $posAdj: 0 [position adjustment. If $transform is true, this value only affects the 'top' property.] * @param {[type]} $alignHorizontal: false [Includes horizontal alignment] */ /** * Generate Enumerated Class * Iterates from 0 to the specified length and generates classes that set the specified property * @param {[String]} $classname: required [Required: Specify the class name] * @param {[String]} $property: $classname [Optional: Specify the enumerated property (if it's different from the name of the class)] * @param {[Number]} $length: 10 [Optional: Specify the end of the loop] * @param {[String]} $units: null [Optional: specify units to append to the enumerated property] */ /** * [Strip the pesky units from values] * @param {[Number]} $value */ /** * [Fluid Type] */ /*------------------------------------*\ #COMPONENTS \*------------------------------------*/ .search-results { margin-bottom: 5.5rem; } .search-results__title { margin-top: 2rem; margin-bottom: 2rem; } .search-results__container { min-height: 30rem; } .search-results__footer { position: relative; margin-top: 3.25rem; } .search-results__section { position: relative; } .search-results__section:not(.toggle--active) { display: none; } .search-results--null-page { margin-top: 3rem; margin-bottom: 3rem; } .search-results--null__form { position: relative; margin-top: 1.75rem; } .search-results--null__description { margin-top: .625rem; } .search-results--null__help { margin-top: 2rem; } @media (min-width: 48rem) { .search-results__nav { max-width: 38rem; margin-left: auto; margin-right: auto; } .search-results__toolbar { padding-top: 1.75rem; padding-bottom: 1.75rem; } } @media (max-width: 47.9375rem) { .search-results__toolbar-count { margin-bottom: 1.25rem; } } .refinement__color, .refinement__size { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .refinement__list .refinement__list { padding-left: .5rem; } .refinement__list:not(:first-child) { margin-top: 1.125rem; } .refinement__list-item:not(:last-child) { margin-bottom: 1.15em; } .refinement__boolean-item:not(:last-child) { margin-bottom: .75em; } .refinement__chip-item, .refinement__swatch-color-item { margin-right: .625rem; margin-bottom: .625rem; } .applied-refinements__item:not(:last-child) { margin-right: .625rem; margin-bottom: .5rem; } .search-results__toolbar .applied-refinements__item { -ms-flex-negative: 0; flex-shrink: 0; margin-bottom: 0; } @media (min-width: 48rem) { .refinement-bar { position: relative; padding-right: 1rem; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .refinement { padding-bottom: 1.25rem; } .refinement:not(:last-child) { margin-bottom: 1.25rem; border-bottom: solid 0.0625rem #E6E4E7; } .refinement__content { margin-top: 1rem; } .applied-refinements__list { margin-left: auto; margin-right: auto; } } @media (max-width: 47.9375rem) { .refinement-bar { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding-top: 3rem; padding-bottom: 4.5rem; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); opacity: 1; visibility: inherit; } .refinement-bar:not(.refinement-dynamic) { -webkit-transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, -webkit-transform; transition-property: opacity, visibility, transform; transition-property: opacity, visibility, transform, -webkit-transform; -webkit-transition-duration: 213ms; transition-duration: 213ms; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .refinement-bar:not(.refinement-bar--active) { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition-duration: 107ms; transition-duration: 107ms; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } .refinement-bar__head { position: absolute; left: 0; width: 100%; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); } .refinement-bar__footer { position: absolute; left: 0; width: 100%; background-color: #FFF; background-color: var(--header-nav-panel-bg, #FFF); } .refinement-bar__head { top: 1rem; } .refinement-bar__footer { bottom: .75rem; } .refinement-bar__body { overflow-y: auto; max-height: 100%; } .refinement { border-top: solid 0.0625rem #CCCCCC; } .refinement__header { padding-top: 1rem; padding-bottom: 1rem; } .refinement__header.refinement--active .refinement__header-icon { -webkit-transform: scale(-1); transform: scale(-1); } .refinement__content { padding-bottom: 1rem; } .refinement__content.refinement--active { display: none; } .applied-refinements__list { overflow-x: auto; padding: 0 1rem 0.5rem; margin: 0 -1rem 0.5rem; } .applied-refinements__list .applied-refinements__item { margin-bottom: 0; -ms-flex-negative: 0; flex-shrink: 0; } } @media (min-width: 64.0625rem) { .product-grid { grid-template-columns: repeat(4, 25%); } .product-grid__item--interrupter { grid-row: span 2; grid-row: span var(--interrupter-row-size, 2); } } @media (min-width: 48rem) and (max-width: 64rem) { .product-grid { grid-template-columns: repeat(3, 33.33333%); } } @media (min-width: 48rem) { @supports (display: grid) { .product-grid { display: grid; } .product-grid__item { -ms-flex-preferred-size: auto; flex-basis: auto; max-width: none; } .product-grid__item--interrupter { grid-column: span 1; grid-column: span var(--interrupter-col-size, 1); } .search-results__footer { grid-column: 1/-1; } } } .search-results__content-item:not(:last-child) { padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: solid 0.0625rem #CCCCCC; } .search-seo { border-top: solid 0.0625rem #C7C7C7; padding: 1.25rem 0; margin-top: 3.25rem; } .search-seo__heading--toggleable { padding-top: .75em; padding-bottom: .75em; } .search-seo__heading-icon { color: #292929; } .search-seo__heading-plus { position: relative; } .search-seo.toggle--active .search-seo__heading-plus { display: none; } .search-seo__heading-minus { display: none; position: relative; } .search-seo.toggle--active .search-seo__heading-minus { display: block; } .search-seo__description { padding-top: 0.5rem; } .search-seo__description > p { padding-top: 1rem; } .search-seo__description > p:first-child { padding-top: 0; } .search-seo.toggle--active .search-seo__description { display: block; } .refinement__header { position: relative; text-transform: capitalize; } .refinement__icon-collapsed, .refinement__icon-expanded { position: absolute; right: 0; width: 1.75rem; height: 1.75rem; background-color: #FFF; } .refinement--active .refinement__icon-expanded { display: none; } .refinement__content .size-chart__anchor { margin-top: -0.5rem; margin-bottom: .75rem; display: block; } .refinement__expand { font-size: 0.75rem; margin-top: .75rem; } @media (max-width: 47.9375rem) { .refinement__expand { margin-top: .25rem; padding-top: .5rem; padding-bottom: .5rem; } } @media (min-width: 48rem) { .refinement__content.refinement--active { display: none; } } @media (max-width: 47.9375rem) { .search-results__section.toggle--active .refinement-bar { z-index: 1002; } } .refinement__swatch-color-item .swatch--color-large { -webkit-box-shadow: 0px 0px 0px 1px #BCBCBC; box-shadow: 0px 0px 0px 1px #BCBCBC; } .refinement__swatch-color-item .swatch--color-large:hover { -webkit-box-shadow: none; box-shadow: none; } .refinement { border-color: #C7C7C7; } .refinement:first-child { border-top: 0; } .refinement [class*=form-check-label]:before { border-radius: 0.1875rem; } .refinement__chip-anchor { background: #F2F0F0; height: 2.8125rem; border: 0.0625rem solid #F2F0F0; font-size: 0.875rem; font-weight: 400; line-height: 2.8125rem; padding: 0 0.125rem; margin: 0; -webkit-transition-duration: 213ms; transition-duration: 213ms; max-width: none; min-width: 4.375rem; border-radius: 0.1875rem; -webkit-box-shadow: none; box-shadow: none; text-overflow: clip; white-space: nowrap; } .refinement__chip-anchor.selected { border-color: #323952; background: #FFF; color: #323952; } .refinement__size { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.625rem; } .refinement__chip-item { margin-right: 0; margin-bottom: 0; } .refinement__chip-anchor { width: 100%; min-width: none; } @media (max-width: 77.5rem) { .refinement__size { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 47.9375rem) { .refinement-bar { padding-top: 3.625rem; } .refinement-bar__head { position: static; } .refinement-bar__head [data-toggle-close] { position: absolute; top: 1.5rem; right: 1.5rem; } .refinement-bar__body { padding-top: 0.5rem; } .refinement-bar__body .dropdown-box { width: 100%; max-width: none; } .refinement-bar__footer { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.875rem; } .refinement-bar__footer button { display: block !important; } .refinement { padding-bottom: 0.375rem; } .refinement__header { padding-top: 1.375rem; } .refinement__content { padding-bottom: 1.5rem; } .refinement__size { padding-right: 1rem; grid-template-columns: repeat(4, 1fr); } } .refinement-pickup { padding: 0.625rem 0 1.25rem 0; } @media (max-width: 47.9375rem) { .refinement-pickup { padding: 1.875rem 0; } } .refinement-pickup__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .refinement-pickup__row label:not(.form-switch-label) { font-size: 0.875rem; font-style: normal; font-weight: 600; line-height: normal; letter-spacing: 0.14px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .refinement-pickup__row .form-switch { width: 1.75rem; height: 0.9375rem; padding-left: 0; } .refinement-pickup__row .form-switch input { width: 0; } .refinement-pickup__row .form-switch input:checked ~ label::after { border-color: #323952; -webkit-transform: translateX(13px); transform: translateX(13px); } .refinement-pickup__row .form-switch label { width: 100%; height: 100%; } .refinement-pickup__row .form-switch label:before { width: 1.75rem; height: 0.9375rem; left: 0; border-width: 0; } .refinement-pickup__row .form-switch label:after { left: 0; width: 0.9375rem; height: 0.9375rem; border: 1px solid #B4B4B4; top: 0; } .refinement-pickup__store-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 1.25rem; } .refinement-pickup__store-details label { font-size: 12px; } .refinement-pickup__store-details button { font-size: 14px; text-decoration: underline; margin-top: 0.625rem; color: #323952; line-height: 1; } .refinement-pickup__store-details button:hover { color: #323952; } .search-results__section .breadcrumbs { margin-top: 2.5rem; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 47.9375rem) { .search-results__section .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 0.9375rem; margin-bottom: 0; } } .search-results__toolbar-count { font-size: 0.875rem; margin: 0 0 0 1.125rem; letter-spacing: 0.02rem; } @media (min-width: 48rem) { .search-results__toolbar { height: 4.875rem !important; margin-top: -1rem; padding-top: 0; padding-bottom: 0; } .search-results__toolbar-count { margin: 0 0 0 1.25rem; } } .search-results__toolbar-fixed { padding-top: 1rem; padding-bottom: 1rem; background: #FFF; } .search-results__toolbar-fixed.fixed { position: fixed; left: 0; right: 0; z-index: 10; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; -webkit-transition-duration: 213ms; transition-duration: 213ms; } .search-results__toolbar-fixed.fixed.fixed--show { -webkit-transform: translateY(100%); transform: translateY(100%); } .set--overlay .search-results__toolbar-fixed.fixed { z-index: 10; } .search-results__toolbar-fixed.fixed .search-results__toolbar-content { max-width: 90rem; margin-left: auto; margin-right: auto; padding-right: 2rem; padding-left: 2rem; } @media (max-width: 64rem) { .search-results__toolbar-fixed.fixed .search-results__toolbar-content { padding-right: 1.25rem; padding-left: 1.25rem; } } @media (max-width: 47.9375rem) { .search-results__toolbar-fixed.fixed .search-results__toolbar-content { padding-left: 1rem; padding-right: 1rem; } } @media (max-width: 47.9375rem) { .search-results__toolbar-fixed.fixed .applied-refinements__list { margin-left: 0; margin-right: 0; } } @media (min-width: 48rem) { .search-results__toolbar-left { -ms-flex-negative: 0; flex-shrink: 0; padding-right: 2rem; } .search-results__toolbar-center { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; min-width: 0; } .search-results__toolbar-center .link { display: none; } .search-results__toolbar-center.overflow .link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-results__toolbar-center [data-scroll="left"] { padding-right: 0.5rem; } .search-results__toolbar-center [data-scroll="right"] { padding-left: 0.5rem; } .search-results__toolbar-right { padding-left: 2rem; -ms-flex-negative: 0; flex-shrink: 0; width: 18rem; } .search-results__toolbar-scroll { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow-x: auto; } .search-results__toolbar-scroll::-webkit-scrollbar { display: none; } } @media (max-width: 47.9375rem) { .search-results__toolbar-left { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .search-results__toolbar .applied-refinements__list { margin-top: 1rem; padding-bottom: 0; margin-bottom: 0; } } .dropdown-box { max-width: 16rem; -ms-flex-item-align: end; align-self: flex-end; } .dropdown-box__trigger { padding: 0 1.25rem 0 1rem; height: 2.8125rem; } .dropdown-box__trigger.toggle--active { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 9'%3E%3Cpath fill='%23323952' d='M7.48985 0.434393C7.24015 0.433883 6.99814 0.526633 6.80575 0.696563L0.387803 6.40588C0.168878 6.59972 0.0310477 6.87846 0.00463439 7.18079C-0.00844418 7.33049 0.00622442 7.48148 0.0478026 7.62512C0.0893807 7.76877 0.157054 7.90227 0.246959 8.01799C0.336864 8.13372 0.44724 8.22941 0.571784 8.29959C0.696329 8.36978 0.832603 8.41309 0.972826 8.42705C1.25602 8.45525 1.53811 8.3622 1.75703 8.16836L7.48985 3.05277L13.2237 7.9866C13.3368 8.08186 13.4663 8.1524 13.6049 8.19421C13.7435 8.23602 13.8885 8.24828 14.0316 8.23027C14.1746 8.21227 14.3129 8.16436 14.4386 8.08929C14.5644 8.01422 14.675 7.91344 14.7642 7.79272C14.8534 7.67201 14.9195 7.53371 14.9587 7.38573C14.9978 7.23775 15.0093 7.08298 14.9925 6.93027C14.9756 6.77755 14.9307 6.62988 14.8604 6.49567C14.7901 6.36147 14.6957 6.24337 14.5826 6.14811L8.16466 0.632673C7.9669 0.487683 7.72925 0.417853 7.48985 0.434393Z' /%3E%3C/svg%3E"); } .dropdown-box__list { border-color: #C7C7C7; } .dropdown-box__anchor:hover, .dropdown-box__anchor:focus { background-color: #f6f6f6; } .dropdown-box__anchor.selected { background-color: #737681; } .button--refine { width: 12.5rem; max-width: 100%; text-transform: none; border-color: #C7C7C7; } .button--refine .icon { margin-right: 0.125rem; vertical-align: middle; fill: #323952; } .button--refine .body-type { line-height: 1rem; vertical-align: middle; } @media (max-width: 47.9375rem) { .button--refine .body-type { font-size: 0.875rem; } } .button--refine:hover .icon { fill: #FFF; } .button--refine .icon--close { font-size: 0.8125rem; } @media (min-width: 48rem) { .button--refine .open { display: inline; } .button--refine .close { display: none; } .button--refine.refinement-bar--active .open { display: none; } .button--refine.refinement-bar--active .close { display: inline; } } @media (max-width: 47.9375rem) { .close { display: none; } } @media (max-width: 64rem) { .hidden-mobile { display: none; } } .search-results__category-title { margin: 0 auto; text-align: center; font-family: "freight-display-pro", Times, serif; font-weight: 400; font-size: 2rem; line-height: 2.5625rem; } @media (max-width: 47.9375rem) { .search-results__category-title { margin-bottom: 0; line-height: 1.875rem; font-size: 1.5rem; } } .search-results__category-intro { margin: 0.625rem auto 1.563rem; text-align: center; font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-weight: 400; font-size: 0.875rem; line-height: 1.25rem; } .search-results__footer-results { padding-bottom: 0.9375rem; letter-spacing: 0.02rem; } .search-results__footer a, .search-results__footer button { width: 10.625rem; } .search-results__footer-viewall { margin-left: 1.1875rem; } .search-results__feedback-exp { position: relative; grid-column: 1/-1; margin-top: 2rem; } .search-results__feedback-exp div.button { color: #323952; background-color: #F2F0F0; border-color: #C7C7C7; line-height: 1.25rem; padding-top: 0.75rem; padding-bottom: 0.75rem; } .search-results__feedback-exp div.button:hover:not([disabled]):not(.disabled) { opacity: 1; background-color: #FFF; border-color: #323952; color: #323952; cursor: pointer; } .product-grid__item--interrupter .content-tile--style-default .content-tile__content-wrap.set--text-overlay { padding-left: 0; padding-right: 0; } .product-grid__item--interrupter .content-tile__content-wrap.set--text-overlay { padding-top: 0; padding-bottom: 0; } .product-grid__item--interrupter .content-tile--style-default .content-tile__description { margin-top: .25rem; } @media (min-width: 48rem) { .search-results__section .search-results__wrapper { position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; } .search-results__section .search-results__filter { -webkit-transition: left 213ms; transition: left 213ms; } .search-results__section .search-results__grid { -webkit-transition-property: max-width, -webkit-flex-basis; transition-property: max-width, -webkit-flex-basis; transition-property: max-width, flex-basis; transition-property: max-width, flex-basis, -webkit-flex-basis, -ms-flex-preferred-size; -webkit-transition-duration: 213ms; transition-duration: 213ms; } .search-results__section .search-results__filter { position: absolute; left: 0; width: 100%; -ms-flex-preferred-size: 20.5%; flex-basis: 20.5%; max-width: 20.5%; } .search-results__section .search-results__filter.col-hidden { position: absolute; left: -20.5%; } .search-results__section .col-lg-10 { -ms-flex-preferred-size: 79.5%; flex-basis: 79.5%; max-width: 79.5%; } } .search-results__relatedcategories { text-transform: capitalize; } .search-results__relatedcategories h3 { font-family: "freight-display-pro", Times, serif; font-weight: 400; font-size: 2rem; line-height: 2.5625rem; } .search-results__relatedcategories-links { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1rem; } /*# sourceMappingURL=searchMain.css.map*/