/* ==========================================================================
   yatayat-inline-utilities.css
   --------------------------------------------------------------------------
   Generated from static inline style="..." attributes that were previously
   scattered through the Blade templates. Each rule is the exact declaration
   that was inline, so rendering is unchanged.

   Inline styles were deliberately LEFT in place where they are:
     - Blade-driven (computed per request),
     - touching display/visibility/opacity/animation/position/z-index/
       transform, because jQuery .show()/.hide()/.toggle() read and write
       inline style directly and moving those would change behaviour,
     - on an element carrying an id, which is a likely JS target.

   Loaded after the theme CSS, before the refinement layer.
   ========================================================================== */

.yt-u-aef05d1 {
    min-height: 250px;
}

.yt-u-67608a2 {
    color: #1560d4;
}

.yt-u-0fe5392 {
    color: #185dce;
}

.yt-u-03c76a7 {
    color: red;
    font-size: 15px;
}

.yt-u-f90c921 {
    color: #00a19c;
    font-size: 14px;
}

.yt-u-b0e02b1 {
    color: #eb2026;
}

.yt-u-4e26153 {
    vertical-align: inherit;
}

.yt-u-1e9427b {
    font-size: 20px;
    vertical-align: inherit;
}

.yt-u-cc03ef3 {
    height: 40px;
}

.yt-u-46d0417 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    margin: 100px auto;
    overflow: hidden;
    width: 400px;
}

.yt-u-24b531c {
    cursor: pointer;
}

.yt-u-72cc814 {
    font-family: sans-serif;
    font-size: 14px;
    width: 100%;
}

.yt-u-2f5fe6c {
    background: #f7f7f7;
}

.yt-u-296911a {
    padding: 12px 20px;
}

.yt-u-59af2ac {
    padding: 12px 20px;
    text-align: right;
}

.yt-u-f395361 {
    padding: 15px;
    text-align: center;
}

.yt-u-845b923 {
    background: #000;
    border-radius: 4px;
    border: none;
    color: #fff;
    padding: 8px 20px;
}

.yt-u-93001ac {
    padding: 0px;
}

.yt-u-d5f175d {
    max-height: 550px !important;
    max-width: 100%;
    width: auto;
}

.yt-u-9e196b6 {
    border-radius: 20px;
}

.yt-u-f885e11 {
    border: 0;
}

.yt-u-be8e63c {
    font-weight: 700;
}

.yt-u-9228055 {
    background-color: #0000002b;
}

.yt-u-4d1e5c7 {
    max-width: 600px;
}

.yt-u-4ccc9b4 {
    background-color: #fff;
    border: none;
}

.yt-u-084bef3 {
    color: #FFFFFF;
}

.yt-u-24575a6 {
    border-left: 5px solid #00C853;
}

.yt-u-ee7d99b {
    background: linear-gradient(to bottom, #0d6efd, #0a58ca, #084298, #052c6a, #03163b);
    color: white;
}

.yt-u-e48ea9f {
    font-size: 16px;
    font-weight: 500;
}

.yt-u-199b6f0 {
    width: 100%;
}

.yt-u-17337bd {
    min-height: auto;
    padding: 0px;
}

.yt-u-4229553 {
    padding-top: 0px;
    padding: 36px;
}

.yt-u-b56181d {
    overflow-x: auto;
}

.yt-u-f222415 {
    height: 50px;
    width: 140px;
}

.yt-u-38b32e0 {
    width: 650px;
}