| ofs | hex dump | ascii |
|---|
| 0000 | 77 4f 46 46 00 01 00 00 00 01 35 10 00 12 00 00 00 02 d1 4c 00 00 00 00 00 00 00 00 00 00 00 00 | wOFF......5........L............ |
| 0020 | 00 00 00 00 00 00 00 00 00 00 00 00 46 46 54 4d 00 01 34 f4 00 00 00 1c 00 00 00 1c 8b ad 9c 2b | ............FFTM..4............+ |
| 0040 | 47 44 45 46 00 01 26 6c 00 00 00 a1 00 00 00 dc 3a e5 33 fa 47 50 4f 53 00 01 2b 58 00 00 09 9a | GDEF..&l........:.3.GPOS..+X.... |
| 0060 | 00 00 22 00 ae 9f aa 0c 47 53 55 42 00 01 27 10 00 00 04 47 00 00 08 a4 92 46 84 c8 4f 53 2f 32 | ..".....GSUB..'....G.....F..OS/2 |
| 0080 | 00 00 02 10 00 00 00 51 00 00 00 60 80 d3 5c 9b 63 6d 61 70 00 00 08 5c 00 00 03 b2 00 00 05 46 | .......Q...`..\.cmap...\.......F |
| 00a0 | 04 a4 13 dc 63 76 74 20 00 00 13 b8 00 00 00 6a 00 00 00 ac 1f ab 12 f0 66 70 67 6d 00 00 0c 10 | ....cvt........j........fpgm.... |
| 00c0 | 00 00 06 ed 00 00 0e 0c 62 2f 03 7f 67 61 73 70 00 01 26 64 00 00 00 08 00 00 00 08 00 00 00 10 | ........b/..gasp..&d............ |
| 00e0 | 67 6c 79 66 00 00 1b e4 00 00 fb ee 00 02 58 ec 0b b9 a8 0f 68 65 61 64 00 00 01 94 00 00 00 36 | glyf..........X.....head.......6 |
| 0100 | 00 00 00 36 18 38 b8 e9 68 68 65 61 00 00 01 cc 00 00 00 23 00 00 00 24 07 5c 05 00 68 6d 74 78 | ...6.8..hhea.......#...$.\..hmtx |
| 0120 | 00 00 02 64 00 00 05 f7 00 00 0b ba 06 74 cc cb 6c 6f 63 61 00 00 14 24 00 00 07 c0 00 00 0b f4 | ...d.........t..loca...$........ |
| 0140 | 03 51 61 20 6d 61 78 70 00 00 01 f0 00 00 00 20 00 00 00 20 04 5b 02 99 6e 61 6d 65 00 01 17 d4 | .Qa.maxp.............[..name.... |
| 0160 | 00 00 03 15 00 00 06 75 0f 31 a6 94 70 6f 73 74 00 01 1a ec 00 00 0b 76 00 00 17 b4 b0 3c cd b7 | .......u.1..post.......v.....<.. |
| 0180 | 70 72 65 70 00 00 13 00 00 00 00 b8 00 00 00 d6 43 bc e3 0d 00 01 00 00 00 02 00 00 50 c5 bd fb | prep............C...........P... |
| 01a0 | 5f 0f 3c f5 00 1f 03 e8 00 00 00 00 da fc 15 09 00 00 00 00 db 0d 60 19 fd c0 fe 87 05 38 04 5a | _.<...................`..@use "../../../../styles/abstracts/functions" as fun;
.input {
flex: 1;
border-right: none;
}
.icon {
transform: scale(0.85);
transition: all 0.3s ease-in-out 0s;
}
.form {
display: flex;
flex-flow: row nowrap;
/* It needs to be nested because of wrong CSS ordering on production build. */
.btn {
background: var(--color-bg-tertiary);
border: fun.convert-px(2) solid var(--color-border);
box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0 var(--color-shadow);
transition: all 0.25s linear 0s;
}
&--no-label {
.btn {
align-self: stretch;
}
}
&--has-label {
.btn {
align-self: flex-end;
height: fun.convert-px(52);
}
}
.btn:hover,
.btn:focus {
.icon {
transform: scale(0.85) rotate(20deg) translateX(#{fun.convert-px(2)})
translateY(#{fun.convert-px(3)});
}
}
.btn:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: fun.convert-px(3) fun.convert-px(3) 0 0
var(--color-primary-dark);
}
.btn:active {
.icon {
transform: scale(0.7);
}
}
}
.field {
min-width: 0;
&:focus-within ~ .btn {
background: var(--color-bg);
border-color: var(--color-primary);
box-shadow: none;
transform: translate(fun.convert-px(3), fun.convert-px(3));
transition:
all 0.2s ease-in-out 0s,
transform 0.3s ease-out 0s;
}
&:hover:not(:focus-within) ~ .btn {
box-shadow: fun.convert-px(5) fun.convert-px(5) 0 fun.convert-px(1)
var(--color-shadow);
transform: translate(fun.convert-px(-3), fun.convert-px(-3));
&:focus {
box-shadow: fun.convert-px(5) fun.convert-px(5) 0 fun.convert-px(1)
var(--color-primary-dark);
}
}
}
.notice {
margin-top: var(--spacing-sm);
}
|