/* Hiding All Entries heading in the nav */
#sidebar [data-key="*"] {
  display: none;
}

/* Mask fields */
.mask-field-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}

.mask-field-wrapper select {
  height: 50px;
  color: transparent !important;
}

.mask-field-wrapper[class*="square"] select {
  padding-left: 30px !important;
}
.mask-field-wrapper[class*="portrait"] select {
  padding-left: 50px !important;
}
.mask-field-wrapper[class*="landscape"] select {
  padding-left: 70px !important;
}

/* Landscapes */
.mask-field-wrapper.landscape-02 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODU3IDk0NiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1NyA5NDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05NDMuMyAwIDM1NC42IDIzOC42SDBWOTQ2aDE4NTdWMjM4LjZoLTM1NC43TDk0My4zIDB6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.landscape-03 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODU3IDk0Mi45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxODU3IDk0Mi45IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMTM4MiAyMTUuN0MxMjc4LjMgODguNSAxMTIyLjIgNS44IDk0Ni42LjVjLTYtLjItMTItLjUtMTguMS0uNS0xODMgMC0zNDYuMiA4NC4xLTQ1My41IDIxNS43SDB2NzI3LjJoMTg1N1YyMTUuN2gtNDc1eiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.landscape-04 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODU3IDk0MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTg1NyA5NDMiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik0xMzcxLjEgMTk3LjlIMTMxOEMxMjMyLjUgNzguMSAxMDkyLjUgMCA5MzQuMiAwUzYzNS45IDc4LjEgNTUwLjQgMTk3LjlIMHY2MDkuOGg1NzMuNVY5NDNoNzIxLjRWODA3LjZIMTg1N1YxOTcuOGwtNDg1LjkuMXoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.landscape-05 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODU5LjkgOTQzLjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4NTkuOSA5NDMuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTE2NDguOSAyNjMuOVYxNDEuNWMtNzc0LTMxOC4zLTE0MzcuOSAwLTE0MzcuOSAwVjI2NEgwdjUwMGgyMTUuNHYxNzkuM2gxNDMxLjgtMi43Vjc2NGgyMTUuNFYyNjMuOWgtMjExeiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.landscape-06 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxODU4LjcgOTQzLjMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4NTguNyA5NDMuMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTAgMCAxMDguOSAxNjguNHY2Mi44SDB2NzEyLjFoMTg1OC43VjIzMS4yaC0xMDguOXYtNjIuOEwxODU4LjYgMEgweiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

/* Portraits */
.mask-field-wrapper.portrait-01 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDcuNiAxMDYwLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg0Ny42IDEwNjAuNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTg0Ny4zIDUzMC4yYy0uNC0zMS40LjgtNjIuOSAwLTk0LjMtMy40LTEzMS40LTQzLjYtMjI5LjktMTM2LjItMzIyLjVDNjM1LjUgMzcuOSA1MjkuNi4yIDQyMy44IDAgMzE3LjkuMiAyMTIuMiAzNy45IDEzNi43IDExMy40IDQ0LjEgMjA2IDMuNyAzMDQuNS4zIDQzNS45Yy0uOCAzMS40LjQgNjIuOSAwIDk0LjN2MTUzLjdoMTQ5LjJ2MTY4LjloMTM3Ljl2MjA3LjZoNTU5LjhsLjEtNTMwLjJ6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-02 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDUuMyAxMDYwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg0NS4zIDEwNjAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTg0NS4zIDgyNy4yVjIxNy43Yy0zNC4yLTE0LjEtNDkuOS0yNC43LTgyLjYtMzIuNVY2Ni44Yy0zNjUuNy0xNTAuNC02NzkuNCAwLTY3OS40IDB2MTE4LjRDNTAuNyAxOTMgMzQuMiAyMDMuNiAwIDIxNy42djYwOS41aDgzLjN2MjMzLjFoNjc5LjR2LTIzM2g4Mi42eiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-03 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDMuNCAxMDYwLjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg0My40IDEwNjAuNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI1NS45IDAgMCAyNTUuOXY4MDQuNWg4NDMuNHYtODAyTDU4NS42IDBIMjU1Ljl6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-04 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDguNCAxMDYwLjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg0OC40IDEwNjAuMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTc3My41IDI4Ny4xYy02LjMtMzcuMi0xNy43LTcxLjEtMzUtMTAyLjktMTcuOS0zMi45LTQyLjEtNjMuNi03My41LTkzLjVDNjAxLjcgMzAuMyA1MTIuOS4xIDQyNC4yIDBjLTg4LjguMS0xNzcuNSAzMC4zLTI0MC44IDkwLjYtMzEuNCAyOS45LTU1LjYgNjAuNi03My41IDkzLjUtMTcuMyAzMS44LTI4LjcgNjUuNy0zNSAxMDIuOUgwdjQ5MC4yaDE2OS43djE0MS41aDE2OS45djE0MS41aDE2OVY5MTguOGgxNjkuOVY3NzcuM2gxNjkuOVYyODcuMWgtNzQuOXoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-05 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4NDMuMiAxMDYxLjYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDg0My4yIDEwNjEuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTQyMS42IDAgODYgMjI3LjNIMHY4MzQuM2w0MjEuNy0uMSA0MjEuNS4xVjIyNy4zaC04Nkw0MjEuNiAweiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-06 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA4MzkuNiAxMDYxLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgzOS42IDEwNjEuNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTc1OS41IDI1MS45Yy02LjYtMjUuNS0xNi00OS40LTI4LjYtNzIuMy0xNy43LTMyLjEtNDEuNy02Mi4xLTcyLjgtOTEuMkM1OTUuNSAyOS42IDUwNy42LjEgNDE5LjggMGMtODcuOS4xLTE3NS43IDI5LjUtMjM4LjQgODguNC0zMS4xIDI5LjItNTUgNTkuMS03Mi44IDkxLjItMTIuNiAyMi44LTIyIDQ2LjgtMjguNiA3Mi4zSDB2ODA5LjZoODM5LjZWMjUxLjloLTgwLjF6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.portrait-07 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5MjMuOSAxMDYxLjgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDkyMy45IDEwNjEuOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0ibTI4OC4xLjEgNDQuMyA4Mi4yTDAgODNsODguNiAxNTcuNC40LjF2ODIxLjNoNzQ2LjZ2LTgyMmw4OC4zLTE1Ni45LTMzMi40LS43TDYzNS44IDAgMjg4LjEuMXoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

/* Squares */

.mask-field-wrapper.square-01 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQ2IDEwNTkiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDEwNDYgMTA1OSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTEwNDUuOSA2ODMuNlY1MzAuNGMtLjQtMzEuNC0xLTYyLjctMS44LTk0LTIuNS05NC4xLTIxLjItMTg4LjQtODAuNC0yNjQtNTMuMi02Ny45LTEyOS40LTExNi40LTIxMS4zLTE0MkM2ODAuMyA3LjcgNjAxLjMtLjcgNTIzLjUgMGMtNzcuOC0uNy0xNTYuOCA3LjYtMjI4LjkgMzAuMi04MS45IDI1LjYtMTU4LjIgNzQuMS0yMTEuMyAxNDItNTkuMiA3NS42LTgwLjUgMTY5LjktODMgMjY0LS44IDMxLjMuNCA2Mi43IDAgOTR2MTUzLjJoMTUxLjRWODUyaDEzNy41djIwN0gxMDQ2bC0uMS0zNzUuNHoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-02 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQ0LjIgMTA1OSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTA0NC4yIDEwNTkiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGQ9Ik05MjUuOSAxOTIuNVY3OS40Yy00MzQuNi0xNzguNy04MDcuNCAwLTgwNy40IDB2MTE5LjVIMHY3MzMuM2gxMjAuOXYxMjYuM2guNnYuNWg4MDMuM3YtLjVoLTEuNVY5MzIuMmgxMjAuOVYxOTIuNUg5MjUuOXoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-03 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQyLjUgMTA0Ny4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDQyLjUgMTA0Ny4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNMzI5LjYgMCAwIDIzMC41djgxNi43aDEwNDIuNXYtODE3TDcxMy4yIDBIMzI5LjZ6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-04 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQyLjUgMTA1Ni42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDQyLjUgMTA1Ni42IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNODY5LjIgMjg2Yy0uNS0yLjctMS01LjMtMS41LTcuOS01LjMtMjcuOS0xMy43LTU0LTI1LjQtNzguNy0yLjUtNS4zLTUuMS0xMC42LTgtMTUuOC0zLjgtNy04LTEzLjktMTIuNC0yMC44LTEwLjktMTYuOS0yMy42LTMzLjMtMzguMy00OS40LTMuNi0zLjktNy4yLTcuOC0xMC45LTExLjYtMy44LTMuOC03LjYtNy43LTExLjYtMTEuNXMtOC03LjQtMTIuMS0xMC45Yy0zLjgtMy4zLTcuOC02LjQtMTEuNy05LjQtLjMtLjItLjYtLjUtLjktLjgtMy4xLTIuMy02LjItNC41LTkuNC02LjctMS4zLS45LTIuNS0xLjktMy44LTIuOC0uOS0uNi0xLjgtMS4xLTIuNi0xLjctOC4yLTUuNC0xNi41LTEwLjUtMjUuMi0xNS4yLTkuNi01LjItMTkuNC05LjktMjkuNC0xNC4xLTguMy0zLjUtMTYuOS02LjYtMjUuNS05LjUtOS42LTMuMi0xOS4zLTYtMjkuMS04LjMtNy4zLTEuOC0xNC44LTMuNC0yMi4yLTQuNy0zLjctLjctNy41LTEuMy0xMS4yLTEuOUM1NTkuMiAxLjUgNTQwLjIgMCA1MjEuMiAwYy03LjYgMC0xNS4yLjItMjIuOC43LTcuNi41LTE1LjIgMS4xLTIyLjcgMi4xLTUgLjYtMTAgMS4zLTE1IDIuMS0xMCAxLjYtMTkuOSAzLjYtMjkuNyA2cy0xOS41IDUuMi0yOSA4LjNjLTguNiAyLjktMTcuMSA2LTI1LjUgOS41LTguOCAzLjctMTcuNCA3LjgtMjUuOCAxMi4yLTI1LjMgMTMuMy00OC43IDI5LjctNjkuNCA0OS41LTMxLjMgMjkuOC01NS40IDYwLjQtNzMuMyA5My4yLTYuMyAxMS41LTExLjcgMjMuMy0xNi41IDM1LjQtMi45IDcuNC01LjUgMTUtNy45IDIyLjctNC40IDE0LjMtNy45IDI5LjEtMTAuNSA0NC40SDB2NDkzLjRoMTYyLjl2MTM2LjFoMTY5LjN2MTQxaDM3NFY5MTUuNGgxNjkuMnYtMTM2aDE2Ny4xVjI4Nkg4NjkuMnoiLz48L3N2Zz4=)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-05 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQ1LjkgMTA1Ni4yIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDQ1LjkgMTA1Ni4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJtMzI2LjIgMCA1MC4xIDkzLjFMMCA5My44IDEwMC4zIDI0NWwtOTkuNy4xdjgxMS4xaDEwNDUuM1YyNDUuMWwtMTAwLS43IDEwMC0xNTAuNi0zNzYuMy0uOCA1MC4xLTkzSDMyNi4yeiIvPjwvc3ZnPg==)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-06 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDUwLjIgMTA1Ny4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDUwLjIgMTA1Ny4zIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNNTI1LjEuNiAxMDcuNSAzMDAuM0guNXY3NTYuNWgxMDQ5LjJWMzAwLjNoLTEwN0w1MjUuMS42eiIgc3R5bGU9InN0cm9rZTojMDAwO3N0cm9rZS1taXRlcmxpbWl0OjEwIi8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}

.mask-field-wrapper.square-07 select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDQ5LjIgMTA1Ni4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDQ5LjIgMTA1Ni4xIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBkPSJNODYyLjUgMjU3LjJjLTYuNS0yNi4xLTE1LjktNTAuNS0yOC41LTczLjgtMTcuNi0zMi44LTQxLjQtNjMuNC03Mi40LTkzLjJDNjk5LjMgMzAuMiA2MTIgLjEgNTI0LjYgMGMtODcuNC4xLTE3NC43IDMwLjItMjM3IDkwLjMtMzAuOSAyOS44LTU0LjggNjAuNC03Mi40IDkzLjItMTIuNiAyMy4zLTIxLjkgNDcuOC0yOC41IDczLjhIMHY3OTguOGgxMDQ5LjJWMjU3LjJIODYyLjV6Ii8+PC9zdmc+)
    5px 50% / auto 70% no-repeat;
}