/** =================== MONTSERRAT =================== **/

/** -------------- FOR MODERN BROWSERS --------------- **/
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-VF-30340b72c6991d891792731fb1dd492ff6a2c530adee3b22d13c5fbc522601e8.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-VF-e740e324008fafbd0f2a69b870f5a11956c0b94c357f0834152ca74f5736e162.ttf) format("ttf");
    }

    @font-face {
        font-family: "Montserrat";
        font-style: italic;
        font-weight: 100 900;
        font-display: swap;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Italic-VF-958bba9c3821b4a519215228b9beafd3198361968f118b68c68921bce448d6da.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Italic-VF-8b8c7c47774325bb82f25cf537be247610f608d58b8564ed7290eabde19a917c.ttf) format("ttf");
    }
}

/** ----------- SUPPORT FOR OLDER BROWSERS ----------- **/
@supports not (font-variation-settings: normal) {
    /** Montserrat Thin **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 100;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Thin-c9514b4baee8c052ccb9c8382c33747e5edfd18bd146b5e9546c460fbcda13e4.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Thin-77c574765858f86a91e6acca752ba8e0f19e7c2579076d1f082ae15c830bf36f.woff) format("woff");
    }

    /** Montserrat Thin-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 100;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-ThinItalic-9e6c3e184ce68b8f35306f0cc8cc77433ece631e6cfd1144439ad5df6908c967.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-ThinItalic-4c0aba62d04f94d820d20d5ab8660c459aed8c5144b44426686a28bfa7de0c82.woff) format("woff");
    }

    /** Montserrat ExtraLight **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 200;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraLight-1e342337d3e495dd09bcd0aebd0de4c3ee2ba30cd72151c0139e8c17865514db.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraLight-d002713615b95114ee5bfe576c8b91e2225ef6ee2888b54805247e63dbf64355.woff) format("woff");
    }

    /** Montserrat ExtraLight-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 200;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraLightItalic-17d1d370a873a1eff93f6b58a5af6f858d9769bbb7c786ea5e2d6ccf831a6314.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraLightItalic-c6a88c96d2254ad72a77c9a4b280693570cfc663a96ecbb79d48d239a4f6b57e.woff) format("woff");
    }

    /** Montserrat Light **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 300;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Light-98a29e070949c75e754b668ed8c3f2aca01d89ec76b4ad608c4868f5eb7da8b4.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Light-fa2be8f78ea376eab2c9095a1b34f1f3a61c40e3e93b18c86a9a3c2334ccde29.woff) format("woff");
    }

    /** Montserrat Light-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 300;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-LightItalic-9c2f2eba6d5d9009252a773e4bdedeb7e9477c7b702209afce3ff840d52a8874.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-LightItalic-bf6611cb066de7c71a04d26093c07b4c38294ad2cd078cc58b5aa27992bbe6b2.woff) format("woff");
    }

    /** Montserrat Regular **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 400;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Regular-c2b2cb00987bfe82494d234b5de4a36d217d20536e37e1b98423cc64efefca43.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Regular-111d90169506a3b17ed21b814be7cd247371d262f3ee2cc83238ac99bae31c61.woff) format("woff");
    }

    /** Montserrat Regular-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 400;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Italic-ba8c625950c91dee212fa31781387408974dfd652b9214192cdd1eb8cc066e7e.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Italic-0c19ba909a9fc37a38fb936904d2c5fca7ab300e65c735aa61220579673f6488.woff) format("woff");
    }

    /** Montserrat Medium **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 500;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Medium-f8c1310c6b5351bef1ed7a6d0ff52aba46264a4c42f5346e1d0a1fe6e189e1c4.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Medium-10171dd6c444e5a8fc277e34174292310f0f32f4c3940b4dd9a8637171e1e957.woff) format("woff");
    }

    /** Montserrat Medium-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 500;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-MediumItalic-cd3b55e565b925bbaaa50719a22ae2782ecded746d8626cdf9c73d7194cdc792.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-MediumItalic-b98ff2b5f7e45168b807b26b3011878f60a3a6c5bf1e80f007bc9e97f1c5fec1.woff) format("woff");
    }

    /** Montserrat SemiBold **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 600;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-SemiBold-12e1a9890320276b7c7c6fe95ccf06b7619ded7644e5decc56ff2c7449145301.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-SemiBold-a17bcb6f5fdf903627a00690e534f83f4577d1bade7296f7f10eb982d07c7ee1.woff) format("woff");
    }

    /** Montserrat SemiBold-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 600;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-SemiBoldItalic-999b24f340bb16abda5526ec04a7966bdaaa31b0ee8efc0b2d39eaa5818ef45b.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-SemiBoldItalic-f86f44755bcd8169455bf54780ad1178de10537f4ba2fbffbdad9d1b7c915bb4.woff) format("woff");
    }

    /** Montserrat Bold **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 700;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Bold-294653dc1466dcda027c8ff4d80f7bc8fb074fc0daacab9afde68c1f7646bb1d.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Bold-851bdf198886da060b2ba9f00210b62c92bcf3923f1cc0b520055590ff331fa4.woff) format("woff");
    }

    /** Montserrat Bold-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 700;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-BoldItalic-90639bd977f79d86773cf02404a1b92fa11f2f6bd9c7952a33a52ef4987e0dd2.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-BoldItalic-ecb5fda28b737fee4472d261b87030fa972d3083e0e1a5e0e16262a7dd50b28d.woff) format("woff");
    }

    /** Montserrat ExtraBold **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 800;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraBold-723d1b519d5fbe7e7e723afc22c318faaced589972adceb35f59087eed037f04.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraBold-2c5ba4bff7b2ea39a8c40e9a81d4921de2bbb2e594a3931e424d37e83d53ed45.woff) format("woff");
    }

    /** Montserrat ExtraBold-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 800;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraBoldItalic-e19bc567ad943ecaf5ae47e94bf9efd5494feddffcc6d5322d663649a14459f8.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-ExtraBoldItalic-facccb6c38052852946149a7b8df8dd60c46434fc222db286e3bba66bfc34dff.woff) format("woff");
    }

    /** Montserrat Black **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 900;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-Black-e6dc8d047a96e091451ff91f8b6338ac6f862fc7b5d80931746d1f992ca7999f.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-Black-52df800a279bd5c68dc39d49edc89568db4c7fbfcaf0d5e0474792e4403d6c2b.woff) format("woff");
    }

    /** Montserrat Black-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 900;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/Montserrat-BlackItalic-f03d7921af15238a231cc254bba29cfdceee93580d2e31226765279add8a34eb.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/Montserrat-BlackItalic-267ac5a2239200c07f4716a6f8a9975e3f3b2d1de519beff02fddbcdde6bbf27.woff) format("woff");
    }

    /** =================== MONTSERRAT ALTERNATES =================== **/

    /** Montserrat Alternates Thin **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 100;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Thin-def57cda3f7db01d2ae2004c9707de6cf973d8b5b7f93f038068a5648aecc684.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Thin-45827ffea5d0b984d5c51120c562262051bcb0d6ae8e6714bd5e5767fbcd3eb1.woff) format("woff");
    }

    /** Montserrat Alternates Thin-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 100;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ThinItalic-7b8de0ea52f04b7138376accccc6d71a731fbc8cfc9481be212fbe4ceb30f30c.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ThinItalic-b23d100cee7e859ceac35892c6cd722365422a7cc472b273a2f9eab6ec766f28.woff) format("woff");
    }

    /** Montserrat Alternates ExtraLight **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 200;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraLight-fb1e079e24daa1d11564c2a8ccae5e13fde6643b35259a6a10d16be513b68e43.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraLight-67c075e097ddb81518c659e830fd79f9a0240344e9786be53e7692f221ed02e4.woff) format("woff");
    }

    /** Montserrat Alternates ExtraLight-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 200;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraLightItalic-170a29286e8a025172961bcfb75cc65601e5800017e027d22558348bf0235c00.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraLightItalic-54c575f5e5287252e6ace03788e598e3f51b53d07dcf2bae86c553dd31e2bb04.woff) format("woff");
    }

    /** Montserrat Alternates Light **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 300;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Light-9f6e0d0e040c9a266e3172cc07cfc130e97a2cb5934a7db511a8344388d7ee3b.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Light-8df190f81d4d7055580b6ff229d0da2488bee43160cb72aa5bbdf6bab5104a31.woff) format("woff");
    }

    /** Montserrat Alternates Light-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 300;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-LightItalic-47d2417b43b1f231313771f6aca5c36a20acfeb8f048c0e0b2bd1381011f2751.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-LightItalic-4a172418741aa2f6157f183954aa4094469e6084d2e27f91c39e2ec3f805d3ef.woff) format("woff");
    }

    /** Montserrat Alternates Regular **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 400;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Regular-976efe4384823b9bbdb349a41b55614183e576387725ee06852aee2c471e6c39.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Regular-1155637f37041e6a1b858275124507df4402a3180c7881879d61ee0f42aabda4.woff) format("woff");
    }

    /** Montserrat Alternates Regular-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 400;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Italic-613860d4a08f6743228703b2a5025f0035011bab80b57ab50545dca47a3b4f1b.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Italic-aa7d2f966ceabc060f163f5263c175b544be1fc7812f9b3ef27a705196382727.woff) format("woff");
    }

    /** Montserrat Alternates Medium **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 500;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Medium-36b95da36469857ff9b9d68e68bcaf9f7ba74be7b22c397384d377dd1812a1b4.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Medium-427d41a3ee295081f90e4e44f857656d350125a3d1f1803f944076709d456787.woff) format("woff");
    }

    /** Montserrat Alternates Medium-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 500;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-MediumItalic-ffad0a44a1d91901845f4efce6b2f0f4068ccf35294a3cd08cdb14c3bb0c155a.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-MediumItalic-0fd221f13253cd540b46f9c5b8dde19478f792e87fd1bb466f910dff3bf27f2b.woff) format("woff");
    }

    /** Montserrat Alternates SemiBold **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 600;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-SemiBold-2aa2a4b15758cd1e7d6cbc0340087be5c1747b94cea262961342ab5c6a5281ad.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-SemiBold-36930af2605c27c9f202df375a4c09dcc2cb45ae84851d6ec3b9be496e1330d7.woff) format("woff");
    }

    /** Montserrat Alternates SemiBold-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 600;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-SemiBoldItalic-14402558746f16d93a24c3ef58839a4d837c71116afe2d3df9dcb903c6e86509.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-SemiBoldItalic-d493e7f8c882b903dfb80e48a50f705cff9a0d32e363a150ec3d147179d33e2e.woff) format("woff");
    }

    /** Montserrat Alternates Bold **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 700;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Bold-d998bf76cc96477e72bb129587ec2dfd7aa928c2af86fc375bbe26216fb3b5fc.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Bold-28476cd4b825accc5cf6cbe71d61c19751fc3965565e2a5e9a8c1429639ac0ff.woff) format("woff");
    }

    /** Montserrat Alternates Bold-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 700;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-BoldItalic-64889ea59878a021619329afb4fb859120fe6294061ca126a8d552d977c182c3.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-BoldItalic-2c3f53da8eb1f69e4dff4f2d5c759d5065bd39f1e0d282ff72b1011195579672.woff) format("woff");
    }

    /** Montserrat Alternates ExtraBold **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 800;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraBold-743da4ab295484ec04eced5bd90c6b694702aee150f195fa076365c17badf577.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraBold-7b2d150002efe9a80ffce9fb789d24007c40de5417e34be895c851e24c6a319d.woff) format("woff");
    }

    /** Montserrat Alternates ExtraBold-Italic **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 800;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraBoldItalic-eea49c2e4043f66b38d09453e166ae8a286202b7e25ef73abaa7336c60a5ac8b.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-ExtraBoldItalic-a2e5b8391a38e9bc5f2a9c2e02842d8a478c55780c187f9157e15ce9db8fd52b.woff) format("woff");
    }

    /** Montserrat Alternates Black **/
    @font-face {
        font-family: "Montserrat Alternates";
        font-weight: 900;
        font-style: normal;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Black-5152d3294db5acd95644c020f87d496a3621ff522952632e234c95717cbdb78f.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-Black-f7e5201abb5cc9b84037e10985449a2046bdf58ffe23fe3f2c159e10626092b4.woff) format("woff");
    }

    /** Montserrat Alternates Black-Italic **/
    @font-face {
        font-family: "Montserrat";
        font-weight: 900;
        font-style: italic;
        src: url(https://staging.rvl-elevate.com/assets/MontserratAlternates-BlackItalic-43957c8b1e7e9f131fe814812b7c86e4788a86a0c454383900b13a3d30bc9c68.woff2) format("woff2"),
             url(https://staging.rvl-elevate.com/assets/MontserratAlternates-BlackItalic-9369c0f317ac3a08d45ed93b92c99abc378e322ed7b7ea5ccf9cbc96dfdd3c47.woff) format("woff");
    }
}
@layer components {
    .accept-legal-document {
        @apply
        overflow-hidden
    }

    .accept-legal-document h1 { @apply text-2xl py-2 }

    .accept-legal-document__instructions {
        @apply
        px-2
        py-2
        sm:px-2
        bg-red-100
        text-red-900
        border-red-100
        text-sm
        transition-all
        duration-100
        ease-in-out
    }

    .accept-legal-document__instructions--hidden {
        @apply
        border-t-0
        max-h-0
        pt-0
        pb-0
        overflow-hidden
    }
    .accept-legal-document__contents {
        @apply
        px-2
        py-5
        sm:p-2
        max-h-80
        overflow-auto
        scroll-smooth
        select-none
        cursor-s-resize
        space-y-4
        text-sm
    }
}
@import "Montserrat.css";
@import "links.css";
@import "forms.css";
@import "buttons.css";
@import "button-selector.css";
@import "progress-bar.css";
@import "accept-legal-document.css";
@import "itemization-table.css";
@import "gray-box.css";
@import "money.css";
@import "order-table-row.css";

@tailwind base;
@tailwind components;
@tailwind utilities;
.branded_email {
  margin: auto;
  font-family: Inter, Sans-Serif;
  text-align: center;
  max-width: 620px;
}

.branded_email__cell--centered {
  text-align: center;
}

.branded_email__cell--separated {
  border-bottom: 1px solid #C1C1C1;
}

.branded_email__vertical-align-top {
  vertical-align: top;
}

.elevate--logo {
  margin: auto;
  margin-bottom: 10px;
  margin-top: 100px;
  height: 78px;
}

.branded_email__title {
  font-weight: 700;
  font-size: 24px;
  line-height: 29px;
  text-align: center;
  width: 595px;
  margin: auto;
  margin-bottom: 34px;
  font-family: Montserrat, Sans-Serif;
}

.branded_email__table {
  margin: auto;
  width: 511px;
  padding-top: 48px;
  padding-bottom: 48px;
  border-top: solid 1px #c1c1c1;
  border-bottom: solid 1px #c1c1c1;
}

.branded_email__table--header {
  text-align: left;
}

.branded_email__table--cell {
  font-weight: 400;
  font-size: 13px;
  padding: 10px 0 10px 0;
  text-align: left;
}

.branded_email__font--medium {
  font-size: 14px;
}

.branded_email__paragraph {
  margin: auto;
  margin-top: 33px;
  width: 457px;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
}

.branded_email__text--small {
  font-size: 14px;
  font-family: Montserrat, Sans-Serif;
}

.branded_email__text--bold {
  font-weight: bold;
}

.branded_email__text--right {
  text-align: right;
}

.branded_email__text--left {
  text-align: left;
}

.branded_email__text--center {
  text-align: center;
}

.branded_email__text--gray {
  color: #6d6d6d;
}

.branded_email--button-cell {
  padding-top: 33px;
}

.branded_email__button {
  margin: auto;
  margin-top: 33px;
  border-radius: 24px;
  width: 196px;
  height: 45px;
  padding: 14px;
  line-height: 45px;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
}

.branded_email__button--primary {
  background-color: #eea794;
  color: #001871;
}

.branded_email__button--centered {
  margin: 0 auto;
}

.branded_email__button--secondary {
  background-color: #fff;
  border: 1px solid #001871;
  color: #001871;
  padding: 14px 58px;
}

.branded_email__support_contact {
  margin: auto;
  width: 245px;
  font-weight: 300;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #797979;
}

.branded_email__support_divider {
  margin: auto;
  margin-top: 24px;
  margin-bottom: 24px;
  border: 1px solid #c1c1c1;
  border-bottom: none;
  width: 100%;
}

.branded_email__footer {
  margin: auto;
  margin-top: 64px;
  width: 672px;
  border-top: 1px solid #000000;
  text-align: center;
  font-weight: 300;
  font-size: 13px;
  line-height: 15.73px;
  color: #787878;
  position: relative;
}

.branded_email__terms-link {
  font-weight: 500;
  position: absolute;
  right: 0px;
  top: 1em;
}

@layer components {
    /* Radio buttons that look like buttons */
    .radio-buttons { @apply flex justify-items-stretch gap-3 pt-2 }
    .radio-button label { @apply block mx-auto capitalize text-center whitespace-nowrap }
    .radio-button input { @apply absolute inset-0 }
    .radio-button input[type=radio] { opacity: 0; z-index: 20 }
    .radio-button label{ cursor: pointer; z-index: 10; @apply btn }
    .radio-button input[type=radio]:checked + label { @apply btn-selected }
    .radio-button input[type=radio]:disabled + label { @apply btn-disabled }
}
@layer components {
    .btn {
        @apply
        relative
        rounded-3xl
        bg-white
        border
        border-rvl-blue
        text-sm
        text-center
        text-rvl-blue
        font-semibold
        py-3 px-10
        focus:outline-none
        focus:ring-2
        focus:ring-rvl-blue
        focus:ring-offset-2
        cursor-pointer
        hover:border-rvl-dark-blue
        hover:text-rvl-dark-blue
    }

    .btn:disabled {
        @apply
        bg-rvl-grey
        text-black
        border-rvl-dark-grey
        cursor-not-allowed
        hover:bg-rvl-grey
        hover:border-rvl-dark-grey
    }

    .btn.btn-disabled--light:disabled {
        @apply
        bg-rvl-light-gray
        text-rvl-dark-grey
    }

    .btn-primary {
        @apply
        border-rvl-peach
        bg-rvl-peach
        text-rvl-blue
        focus:ring-rvl-blue
        hover:bg-rvl-dark-peach
        hover:border-rvl-dark-peach
    }

    .btn-selected {
        @apply
        border-rvl-blue
        bg-rvl-blue
        text-white
        focus:ring-rvl-dark-blue
    }

    .btn-disabled {
        @apply
        border-rvl-gray
        bg-rvl-dark-grey
        text-white
    }

    .btn__notification {
        @apply
        rounded-full
        w-6
        h-6
        absolute
        right-4
        flex
        justify-center
        items-center
        text-xs
        leading-5
        box-border
        -top-2.5
    }

    .btn__notification--red {
        @apply
        bg-rvl-red
        text-white
    }

}
@layer base {
    ::placeholder {
        @apply text-rvl-dark-grey font-medium !important
    }

    [multiple], [type=date], [type=datetime-local], [type=email], [type=month],
    [type=number], [type=password], [type=search], [type=tel], [type=text],
    [type=time], [type=url], [type=week], select, textarea {
        @apply
        bg-white
        outline-none
        block
        w-full
        px-2.5
        py-0
        leading-10
        text-sm
        text-black
        font-normal
        border
        border-rvl-dark-grey
        rounded
        focus:ring-0
        focus:border-black
    }
    input::-webkit-datetime-edit {
        line-height: 1;
        margin-bottom: -2px;
    }

    [type=checkbox] {
        @apply
        bg-white
        border-rvl-blue
        rounded-sm
        mr-2
        h-5
        w-5
        accent-rvl-blue
    }
    [type=checkbox]:checked, [type=checkbox]:checked:hover {
        @apply
        bg-rvl-blue
    }

    [type=checkbox][disabled="disabled"]:checked, [type=checkbox][disabled="disabled"]:checked:hover {
        @apply
        bg-rvl-dark-gray
    }

    [type=text][disabled="disabled"] {
        @apply
        bg-rvl-light-gray
    }

    .input.boolean { @apply flex items-center }
    .input.boolean { @apply text-xs }

    .field_with_errors { @apply text-rvl-maroon }
    .field_with_errors [type=text],
    .field_with_errors [type=email],
    .field_with_errors [type=password],
    .field_with_errors [type=tel],
    .field_with_errors select {
        @apply bg-rvl-pink
    }

    label {
        @apply uppercase text-sm font-bold px-2.5 pb-1.5 block
    }

    .error-label {
        word-break: keep-all;
        @apply text-rvl-maroon text-sm px-2.5

    }

    input[type=radio]:checked + label * {
        color: white;
        @apply bg-rvl-blue
    }
}
@layer utilities {
    .gray-box {
        @apply
        bg-rvl-light-grey
        flex
        flex-col
        gap-y-6
        p-4
        rounded-md
    }
}
@layer components {
    .itemization-table {
        @apply
        table-auto
        w-full
        text-sm
        text-left
    }

    .itemization-table th {
        @apply
        leading-5
        uppercase
        font-bold
        text-xs
        text-rvl-dark-grey
    }
}
@layer base {
  [href] {
    @apply text-rvl-blue;
  }

  [href][disabled] {
    @apply pointer-events-none;
  }
}
@layer utilities {
    .money {
        @apply
        text-right
        tabular-nums
    }
}
@layer components {
    .cell {
        @apply
        border
        border-rvl-grey
        py-2
        pr-4
        flex
        flex-col
        justify-center
    }

    .middle {
        @apply
        border-x-0
    }

    .left-cap {
        @apply
        border-r-0
        rounded-l-lg
        px-4
    }

    .middle {
        @apply
        border-x-0
    }
    .right-cap {
        @apply
        border-l-0
        rounded-r-lg
    }
}
.prescription-label {
    border-image-source: url(https://staging.rvl-elevate.com/assets/sawtooth-b1c10d2ec70fd6f61615d7139f842d471fab7364ee94f98fe6420de3ed36fb56.svg);
    border-image-slice: 15 10 10 10;
    border-width: 15px 10px 10px 10px;
}
@layer components {
    /* Onboarding progress bar */
    .progress-bar-stepper { @apply uppercase text-center text-xs text-rvl-blue font-bold  }
    .progress-bar { @apply flex flex-nowrap justify-between gap-2.5 }
    .progress-bar { @apply mb-16 !important }
    .progress-bar > * { @apply rounded-3xl flex-1 h-2 border border-rvl-peach }
    .progress-bar > .complete { @apply bg-rvl-peach }
    .progress-bar > .incomplete { @apply bg-transparent }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */