@learncard/react 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/cjs/dist/styles.css +1 -0
  2. package/dist/cjs/index.css +3 -0
  3. package/dist/cjs/index.js +81 -0
  4. package/dist/cjs/index.js.map +1 -0
  5. package/dist/cjs/types/components/Button/Button.d.ts +8 -0
  6. package/dist/cjs/types/components/Button/index.d.ts +4 -0
  7. package/dist/cjs/types/components/FlippyCard/FlippyCard.d.ts +7 -0
  8. package/dist/cjs/types/components/FlippyCard/index.d.ts +4 -0
  9. package/dist/cjs/types/components/Loading/CircleSpinner.d.ts +15 -0
  10. package/dist/cjs/types/components/Loading/index.d.ts +4 -0
  11. package/dist/cjs/types/components/MiniVCThumbnail/MiniVCThumbnail.d.ts +5 -0
  12. package/dist/cjs/types/components/MiniVCThumbnail/index.d.ts +5 -0
  13. package/dist/cjs/types/components/MiniVCThumbnail/types.d.ts +32 -0
  14. package/dist/cjs/types/components/VCCard/VCCard.d.ts +10 -0
  15. package/dist/cjs/types/components/VCCard/index.d.ts +4 -0
  16. package/dist/cjs/types/components/VCDisplayBackFace/VCDisplayBackFace.d.ts +4 -0
  17. package/dist/cjs/types/components/VCDisplayBackFace/index.d.ts +4 -0
  18. package/dist/cjs/types/components/VCDisplayCard/VCDisplayCard.d.ts +11 -0
  19. package/dist/cjs/types/components/VCDisplayCard/index.d.ts +4 -0
  20. package/dist/cjs/types/components/VCDisplayFrontFace/VCDisplayFrontFace.d.ts +4 -0
  21. package/dist/cjs/types/components/VCDisplayFrontFace/index.d.ts +4 -0
  22. package/dist/cjs/types/components/VCThumbnail/VCThumbnail.d.ts +5 -0
  23. package/dist/cjs/types/components/VCThumbnail/index.d.ts +5 -0
  24. package/dist/cjs/types/components/VCThumbnail/types.d.ts +43 -0
  25. package/dist/cjs/types/components/VCVerificationCheck/VCVerificationCheck.d.ts +8 -0
  26. package/dist/cjs/types/components/VCVerificationCheck/index.d.ts +4 -0
  27. package/dist/cjs/types/components/VCVerificationPill/VCVerificationPill.d.ts +13 -0
  28. package/dist/cjs/types/components/VCVerificationPill/index.d.ts +4 -0
  29. package/dist/cjs/types/components/index.d.ts +14 -0
  30. package/dist/cjs/types/index.d.ts +3 -0
  31. package/dist/cjs/types/types/index.d.ts +20 -0
  32. package/dist/esm/dist/styles.css +1 -0
  33. package/dist/esm/index.css +3 -0
  34. package/dist/esm/index.js +81 -0
  35. package/dist/esm/index.js.map +1 -0
  36. package/dist/esm/types/components/Button/Button.d.ts +8 -0
  37. package/dist/esm/types/components/Button/index.d.ts +4 -0
  38. package/dist/esm/types/components/FlippyCard/FlippyCard.d.ts +7 -0
  39. package/dist/esm/types/components/FlippyCard/index.d.ts +4 -0
  40. package/dist/esm/types/components/Loading/CircleSpinner.d.ts +15 -0
  41. package/dist/esm/types/components/Loading/index.d.ts +4 -0
  42. package/dist/esm/types/components/MiniVCThumbnail/MiniVCThumbnail.d.ts +5 -0
  43. package/dist/esm/types/components/MiniVCThumbnail/index.d.ts +5 -0
  44. package/dist/esm/types/components/MiniVCThumbnail/types.d.ts +32 -0
  45. package/dist/esm/types/components/VCCard/VCCard.d.ts +10 -0
  46. package/dist/esm/types/components/VCCard/index.d.ts +4 -0
  47. package/dist/esm/types/components/VCDisplayBackFace/VCDisplayBackFace.d.ts +4 -0
  48. package/dist/esm/types/components/VCDisplayBackFace/index.d.ts +4 -0
  49. package/dist/esm/types/components/VCDisplayCard/VCDisplayCard.d.ts +11 -0
  50. package/dist/esm/types/components/VCDisplayCard/index.d.ts +4 -0
  51. package/dist/esm/types/components/VCDisplayFrontFace/VCDisplayFrontFace.d.ts +4 -0
  52. package/dist/esm/types/components/VCDisplayFrontFace/index.d.ts +4 -0
  53. package/dist/esm/types/components/VCThumbnail/VCThumbnail.d.ts +5 -0
  54. package/dist/esm/types/components/VCThumbnail/index.d.ts +5 -0
  55. package/dist/esm/types/components/VCThumbnail/types.d.ts +43 -0
  56. package/dist/esm/types/components/VCVerificationCheck/VCVerificationCheck.d.ts +8 -0
  57. package/dist/esm/types/components/VCVerificationCheck/index.d.ts +4 -0
  58. package/dist/esm/types/components/VCVerificationPill/VCVerificationPill.d.ts +13 -0
  59. package/dist/esm/types/components/VCVerificationPill/index.d.ts +4 -0
  60. package/dist/esm/types/components/index.d.ts +14 -0
  61. package/dist/esm/types/index.d.ts +3 -0
  62. package/dist/esm/types/types/index.d.ts +20 -0
  63. package/dist/index.d.ts +196 -0
  64. package/package.json +71 -0
@@ -0,0 +1,8 @@
1
+ import React, { MouseEventHandler } from 'react';
2
+ export declare type ButtonProps = {
3
+ text?: string;
4
+ onClick: MouseEventHandler<HTMLButtonElement>;
5
+ className?: string;
6
+ };
7
+ export declare const Button: React.FC<ButtonProps>;
8
+ export default Button;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./Button";
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ import './FlippyCard.css';
3
+ export declare type FlippyCardProps = {
4
+ children: React.ReactChild[];
5
+ };
6
+ export declare const FlippyCard: React.FC<FlippyCardProps>;
7
+ export default FlippyCard;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./FlippyCard";
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import './CircleSpinner.css';
3
+ export declare enum CircleLoadingState {
4
+ spin = 0,
5
+ stop = 1
6
+ }
7
+ export declare type CircleSpinnerProps = {
8
+ size?: number;
9
+ thickness?: number;
10
+ color?: string;
11
+ loadingState?: CircleLoadingState;
12
+ marginOffset?: number;
13
+ };
14
+ declare const CircleSpinner: React.FC<CircleSpinnerProps>;
15
+ export default CircleSpinner;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./CircleSpinner";
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { MiniVCThumbnailProps } from './types';
3
+ import './ MiniVCThumbnail.css';
4
+ export declare const MiniVCThumbnail: React.FC<MiniVCThumbnailProps>;
5
+ export default MiniVCThumbnail;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./MiniVCThumbnail";
5
+ export * from "./types";
@@ -0,0 +1,32 @@
1
+ export declare type MiniVCThumbnailProps = {
2
+ /**
3
+ * thumbnail title
4
+ * @type {string}
5
+ */
6
+ title?: string;
7
+ /**
8
+ * issue date
9
+ * @type {string}
10
+ */
11
+ createdAt?: string;
12
+ /**
13
+ * issuer image
14
+ * @type {string}
15
+ */
16
+ issuerImage?: string;
17
+ /**
18
+ * badge image
19
+ * @type {string}
20
+ */
21
+ badgeImage?: string;
22
+ /**
23
+ * custom className
24
+ * @type {string}
25
+ */
26
+ className?: string;
27
+ /**
28
+ *
29
+ * @type {function}
30
+ */
31
+ onClick?: () => void;
32
+ };
@@ -0,0 +1,10 @@
1
+ import React from 'react';
2
+ import { VC, Issuer } from '@learncard/types';
3
+ import { VCDisplayCard } from '../VCDisplayCard';
4
+ export declare type VCCardProps = {
5
+ credential: VC;
6
+ issueeOverride?: Issuer;
7
+ className?: string;
8
+ };
9
+ export declare const VCCard: React.FC<VCCardProps>;
10
+ export default VCDisplayCard;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCCard";
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { VCDisplayCardProps } from '../../types';
3
+ export declare const VCDisplayBackFace: React.FC<VCDisplayCardProps>;
4
+ export default VCDisplayBackFace;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCDisplayBackFace";
@@ -0,0 +1,11 @@
1
+ import React from 'react';
2
+ import { VC, Issuer, VerificationItem } from '@learncard/types';
3
+ export declare type VCDisplayCardPropsReal = {
4
+ credential: VC;
5
+ issueeOverride?: Issuer;
6
+ className?: string;
7
+ loading?: boolean;
8
+ verification?: VerificationItem[];
9
+ };
10
+ export declare const VCDisplayCard: React.FC<VCDisplayCardPropsReal>;
11
+ export default VCDisplayCard;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCDisplayCard";
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { VCDisplayCardProps } from '../../types';
3
+ declare const VCDisplayFrontFace: React.FC<VCDisplayCardProps>;
4
+ export default VCDisplayFrontFace;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCDisplayFrontFace";
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { VCThumbnailProps } from './types';
3
+ import './VCThumbnail.css';
4
+ export declare const VCThumbnail: React.FC<VCThumbnailProps>;
5
+ export default VCThumbnail;
@@ -0,0 +1,5 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCThumbnail";
5
+ export * from "./types";
@@ -0,0 +1,43 @@
1
+ export declare type VCThumbnailProps = {
2
+ /**
3
+ * thumbnail title
4
+ * @type {string}
5
+ */
6
+ title?: string;
7
+ /**
8
+ * issue date
9
+ * @type {string}
10
+ */
11
+ createdAt?: string;
12
+ /**
13
+ * issuer image
14
+ * @type {string}
15
+ */
16
+ issuerImage?: string;
17
+ /**
18
+ * user image
19
+ * @type {string}
20
+ */
21
+ userImage?: string;
22
+ /**
23
+ * badge image
24
+ * @type {string}
25
+ */
26
+ badgeImage?: string;
27
+ /**
28
+ * custom className
29
+ * @type {string}
30
+ */
31
+ className?: string;
32
+ /**
33
+ * condensed or full view
34
+ * of the thumbnail - defaulted to false
35
+ * @type {boolean}
36
+ */
37
+ listView?: boolean;
38
+ /**
39
+ *
40
+ * @type {function}
41
+ */
42
+ onClick?: () => void;
43
+ };
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export declare type VCVerificationCheckProps = {
3
+ size?: string | number;
4
+ loading?: boolean;
5
+ };
6
+ export declare const VCVerificationCheck: React.FC<VCVerificationCheckProps>;
7
+ export default VCVerificationCheck;
8
+ export declare const VCVerificationCheckWithText: React.FC<VCVerificationCheckProps>;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCVerificationCheck";
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { VerificationStatus } from '@learncard/types';
3
+ declare type VerificationDisplayItemProps = {
4
+ status?: VerificationStatus;
5
+ message?: string;
6
+ details?: string;
7
+ };
8
+ declare type VerifiableStateIndicatorProps = {
9
+ status: VerificationStatus;
10
+ };
11
+ export declare const ValidationStateIndicator: React.FC<VerifiableStateIndicatorProps>;
12
+ declare const VCVerificationPill: React.FC<VerificationDisplayItemProps>;
13
+ export default VCVerificationPill;
@@ -0,0 +1,4 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./VCVerificationPill";
@@ -0,0 +1,14 @@
1
+ /**
2
+ * @file Automatically generated by barrelsby.
3
+ */
4
+ export * from "./Button/index";
5
+ export * from "./FlippyCard/index";
6
+ export * from "./Loading/index";
7
+ export * from "./MiniVCThumbnail/index";
8
+ export * from "./VCCard/index";
9
+ export * from "./VCDisplayBackFace/index";
10
+ export * from "./VCDisplayCard/index";
11
+ export * from "./VCDisplayFrontFace/index";
12
+ export * from "./VCThumbnail/index";
13
+ export * from "./VCVerificationCheck/index";
14
+ export * from "./VCVerificationPill/index";
@@ -0,0 +1,3 @@
1
+ /// <reference path="../src/declaration.d.ts" />
2
+ import './tailwind.css';
3
+ export * from './components/index';
@@ -0,0 +1,20 @@
1
+ import { VerificationItem, Issuer, CredentialSubject } from '@learncard/types';
2
+ export declare type CredentialInfo = {
3
+ title?: string;
4
+ createdAt?: string;
5
+ issuer?: Issuer;
6
+ issuee?: Issuer;
7
+ credentialSubject?: CredentialSubject;
8
+ };
9
+ export declare type VCDisplayCardProps = {
10
+ title?: string;
11
+ createdAt?: string;
12
+ issuer?: Issuer;
13
+ issuee?: Issuer;
14
+ userImage?: string;
15
+ className?: string;
16
+ credentialSubject?: CredentialSubject;
17
+ onClick?: () => void;
18
+ loading?: boolean;
19
+ verification?: VerificationItem[];
20
+ };
@@ -0,0 +1 @@
1
+ .FlippyCard_flippy-wrapper-container__FVptJ{perspective:2600px}.FlippyCard_flippy-card__-2adC{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.FlippyCard_flippy-card__-2adC.FlippyCard_is-flipped__UQrfo{transform:rotateY(180deg)}.FlippyCard_card-face__GNXm2{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.FlippyCard_card-face--front__TB6Io{position:absolute}.FlippyCard_card-face--back__4i4QJ{position:relative;transform:rotateY(180deg)}.CircleSpinner_lds-ring__qoM-Z{display:inline-block;height:100%;position:relative;width:100%}.CircleSpinner_lds-ring__qoM-Z div{-webkit-animation:CircleSpinner_lds-ring__qoM-Z 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:CircleSpinner_lds-ring__qoM-Z 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.CircleSpinner_lds-ring__qoM-Z.CircleSpinner_static__dVBGZ div{-webkit-animation:none;animation:none;border-color:#40cba6}.CircleSpinner_lds-ring__qoM-Z div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.CircleSpinner_lds-ring__qoM-Z div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.CircleSpinner_lds-ring__qoM-Z div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes CircleSpinner_lds-ring__qoM-Z{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes CircleSpinner_lds-ring__qoM-Z{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.-MiniVCThumbnail_mini-vc-thumbnail-container__EVXVl{max-width:250px}.-MiniVCThumbnail_mini-vc-thumbnail-container__EVXVl:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.VCThumbnail_vc-thumbnail-container__CqHuz{max-width:250px}.VCThumbnail_vc-thumbnail-container__CqHuz:after{content:"";display:block;left:0;padding-bottom:100%;top:0}.VCThumbnail_vc-thumbnail-container__CqHuz:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.VCThumbnail_vc-thumbnail-alt-container__UqRkX:after{padding-bottom:80%}.VCThumbnail_vc-thumbnail-alt-container__UqRkX:before{height:80%}.VCThumbnail_vc-thumbnail-listview-container__-GGHV:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}@media (max-width:200px){.VCThumbnail_vc-thumbnail-alt-container__UqRkX:before,.VCThumbnail_vc-thumbnail-container__CqHuz:before{height:68%}}
@@ -0,0 +1,3 @@
1
+ /*
2
+ ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com
3
+ */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{-webkit-text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}*,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-1{bottom:.25rem}.right-1{right:.25rem}.top-0{top:0}.left-1{left:.25rem}.top-1{top:.25rem}.left-0{left:0}.right-2{right:.5rem}.bottom-5{bottom:1.25rem}.z-10{z-index:10}.my-0{margin-bottom:0;margin-top:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.my-3\.5{margin-bottom:.875rem;margin-top:.875rem}.mb-3{margin-bottom:.75rem}.ml-2{margin-left:.5rem}.mt-3{margin-top:.75rem}.-mt-3{margin-top:-.75rem}.mt-2{margin-top:.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[20px\]{margin-top:20px}.ml-1{margin-left:.25rem}.mt-4{margin-top:1rem}.ml-3{margin-left:.75rem}.mr-3{margin-right:.75rem}.inline-block{display:inline-block}.flex{display:flex}.h-full{height:100%}.h-10{height:2.5rem}.h-5\/6{height:83.333333%}.h-\[100\%\]{height:100%}.h-\[55\%\]{height:55%}.h-8{height:2rem}.h-\[77\%\]{height:77%}.h-16{height:4rem}.h-4\/6{height:66.666667%}.h-0{height:0}.h-\[30px\]{height:30px}.max-h-\[48px\]{max-height:48px}.max-h-\[80px\]{max-height:80px}.max-h-\[1100px\]{max-height:1100px}.max-h-\[150px\]{max-height:150px}.max-h-\[600px\]{max-height:600px}.max-h-\[100px\]{max-height:100px}.min-h-\[120px\]{min-height:120px}.min-h-\[40px\]{min-height:40px}.min-h-\[600px\]{min-height:600px}.min-h-\[400px\]{min-height:400px}.w-full{width:100%}.w-3\/4{width:75%}.w-1\/4{width:25%}.w-10{width:2.5rem}.w-10\/12{width:83.333333%}.w-\[110\%\]{width:110%}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-16{width:4rem}.w-4\/6{width:66.666667%}.w-\[30px\]{width:30px}.min-w-\[40px\]{min-width:40px}.max-w-sm{max-width:24rem}.max-w-\[48px\]{max-width:48px}.max-w-\[80px\]{max-width:80px}.max-w-\[400px\]{max-width:400px}.max-w-\[100px\]{max-width:100px}.flex-1{flex:1 1 0%}.translate-x-\[10px\]{--tw-translate-x:10px}.scale-x-\[-1\],.translate-x-\[10px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-x-\[-1\]{--tw-scale-x:-1}.cursor-alias{cursor:alias}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[22px\]{border-radius:22px}.rounded-bl-\[50\%\]{border-bottom-left-radius:50%}.rounded-br-\[50\%\]{border-bottom-right-radius:50%}.border{border-width:1px}.border-4{border-width:4px}.border-2{border-width:2px}.border-solid{border-style:solid}.border-black{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-emerald-700{--tw-border-opacity:1;border-color:rgb(0 186 136/var(--tw-border-opacity))}.border-indigo-300{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-emerald-700{--tw-bg-opacity:1;background-color:rgb(0 186 136/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-emerald-500{--tw-bg-opacity:1;background-color:rgb(64 203 166/var(--tw-bg-opacity))}.bg-yellow-400{--tw-bg-opacity:1;background-color:rgb(250 204 21/var(--tw-bg-opacity))}.bg-rose-600{--tw-bg-opacity:1;background-color:rgb(225 29 72/var(--tw-bg-opacity))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-4{padding:1rem}.p-1{padding:.25rem}.p-7{padding:1.75rem}.p-2{padding:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-bottom:1rem;padding-top:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-0{padding-left:0;padding-right:0}.px-5{padding-left:1.25rem;padding-right:1.25rem}.pb-25pct{padding-bottom:25%}.pt-25pct{padding-top:25%}.pb-0{padding-bottom:0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-xs{font-size:.75rem;line-height:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.font-light{font-weight:300}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-emerald-700{--tw-text-opacity:1;color:rgb(0 186 136/var(--tw-text-opacity))}.text-grayscale-900{--tw-text-opacity:1;color:rgb(24 34 78/var(--tw-text-opacity))}.text-grayscale-600{--tw-text-opacity:1;color:rgb(111 117 144/var(--tw-text-opacity))}.text-indigo-500{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-400{--tw-text-opacity:1;color:rgb(250 204 21/var(--tw-text-opacity))}.text-rose-600{--tw-text-opacity:1;color:rgb(225 29 72/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.subpixel-antialiased{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.shadow-3xl{--tw-shadow:0px 0px 8px rgba(0,0,0,.25);--tw-shadow-colored:0px 0px 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-4{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;overflow:hidden}@media (min-width:640px){.sm\:ml-0{margin-left:0}}@media (min-width:768px){.md\:ml-0{margin-left:0}}@media (min-width:1024px){.lg\:ml-0{margin-left:0}}@media (max-width:240px){.xxsm\:bottom-3{bottom:.75rem}.xxsm\:mt-1{margin-top:.25rem}.xxsm\:h-\[60px\]{height:60px}.xxsm\:w-\[60px\]{width:60px}.xxsm\:py-1{padding-bottom:.25rem;padding-top:.25rem}}@media (max-width:200px){.xxxsm\:bottom-3{bottom:.75rem}.xxxsm\:mt-0{margin-top:0}}.flippy-wrapper-container{perspective:2600px}.flippy-card{height:100%;max-height:1000px;max-width:400px;position:relative;transform-style:preserve-3d;transition:transform 1s;width:100%}.flippy-card.is-flipped{transform:rotateY(180deg)}.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;width:100%}.card-face,.card-face--front{position:absolute}.card-face--back{position:relative;transform:rotateY(180deg)}.lds-ring{display:inline-block;height:100%;position:relative;width:100%}.lds-ring div{-webkit-animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:4px solid transparent;border-radius:50%;border-top-color:#40cba6;box-sizing:border-box;display:block;height:54px;margin:3px;position:absolute;width:54px}.lds-ring.static div{-webkit-animation:none;animation:none;border-color:#40cba6}.lds-ring div:first-child{-webkit-animation-delay:-.45s;animation-delay:-.45s}.lds-ring div:nth-child(2){-webkit-animation-delay:-.3s;animation-delay:-.3s}.lds-ring div:nth-child(3){-webkit-animation-delay:-.15s;animation-delay:-.15s}@-webkit-keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mini-vc-thumbnail-container{max-width:250px}.mini-vc-thumbnail-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:65%;left:0;position:absolute;top:0;width:100%;z-index:1}.vc-thumbnail-container{max-width:250px}.vc-thumbnail-container:after{content:"";display:block;left:0;padding-bottom:100%;top:0}.vc-thumbnail-container:before{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:60%;left:0;position:absolute;top:0;width:100%;z-index:0}.vc-thumbnail-alt-container:after{padding-bottom:80%}.vc-thumbnail-alt-container:before{height:80%}.vc-thumbnail-listview-container:after{background-color:#fff;border-bottom-left-radius:120px;border-bottom-right-radius:120px;border-top-left-radius:24px;border-top-right-radius:24px;content:"";height:55%;left:0;position:absolute;top:0;width:100%;z-index:1}@media (max-width:200px){.vc-thumbnail-alt-container:before,.vc-thumbnail-container:before{height:68%}}