/* /Components/AlertHost.razor.rz.scp.css */
.alert-host[b-v3y8eqc462] {
    box-sizing: border-box;
    position: fixed;
    z-index: 999999;
    left: 50%;
    bottom: 1.5rem;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 30px;
    padding: .3rem .9rem;
    font-family: "Host Grotesk", sans-serif;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.9);
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    pointer-events: none;
    cursor: default;
    animation: Start-b-v3y8eqc462 .3s ease;
    transition: opacity .5s ease, transform .5s ease;
}

.alert[b-v3y8eqc462] {
    position: relative;
    background: linear-gradient( 65deg, #666 calc(var(--percentage) - 12%), #d9d9d9 calc(var(--percentage) + 5%), #666 calc(var(--percentage) + 17%) );
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: .75;
    padding-bottom: 1px;
    animation: Glisten-b-v3y8eqc462 1.1s ease forwards .1s;
}

.alert-host.on[b-v3y8eqc462] {
    opacity: 1;
}

.alert-host.off[b-v3y8eqc462] {
    opacity: 0;
    transform: translateX(-50%) translateY(8px);
}

@property --percentage {
    syntax: "<percentage>";
    inherits: false;
    initial-value: 0%;
}

@keyframes Glisten-b-v3y8eqc462 {
    0% {
        --percentage: 0%;
    }

    100% {
        --percentage: 117%;
    }
}

@keyframes Start-b-v3y8eqc462 {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}
/* /Components/Buttons/Button.razor.rz.scp.css */
.button[b-2c6i8pn8gy] {
    border: 1px solid black;
    padding: 0 2rem;
    height: 32px;
    cursor: pointer;
    box-sizing: border-box;
    transition: background-color .2s ease, color .35s ease, transform .25s ease;
    white-space: nowrap;

    width: 100%;
}




    /* PRIMARY */

    .button.primary[b-2c6i8pn8gy] {
        background-color: white;
        color: black;
    }

        .button.primary:hover[b-2c6i8pn8gy] {
            background-color: black;
            color: white;
        }


    /* SECONDARY */

    .button.secondary[b-2c6i8pn8gy] {
        background-color: black;
        color: white;
    }

        .button.secondary:hover[b-2c6i8pn8gy] {
            background-color: #414141;
            color: white;
        }


    /* PRESSED */

    .button.pressed[b-2c6i8pn8gy] {
        transform: translateY(1px);
    }


    /* ImageUpload */

    .button.imageupload[b-2c6i8pn8gy] {
        background-color: transparent;
        color: #626262;
        border: 1px solid #c6c6c6;
        width: fit-content;
        transition: border .25s ease, color .5s ease, transform .25s ease, background-color .25s ease;
    }

        .button.imageupload:hover[b-2c6i8pn8gy] {
            background-color: #ffffff;
            color: #454545;
            border: 1px solid #c6c6c6;
        }


/* /Components/Buttons/ButtonAdd.razor.rz.scp.css */
.button[b-od9uytd8ud] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;


    margin-top: 1rem;
    width: fit-content;
    height: 32px;
    padding: 0 1rem;

    box-sizing: border-box;

    border: 1px solid #f3f3f3;
    outline: none;

    background-color: #f3f3f3;
    color: #353535;

    font-size: 18px;
    font-weight: 400;

    cursor: pointer;

    transition:
        background-color .3s ease,
        border-color .15s ease,
        transform .15s ease;
}

    .button .text[b-od9uytd8ud] {
        white-space: nowrap;
        margin-top: 1px;
        font-size: 16px;
    }

.button svg[b-od9uytd8ud] {
    width: 13px;
    height: 13px;
    opacity: .7;

    transition: opacity .15s ease;
}

.button:hover[b-od9uytd8ud] {
    background-color: white;
    border-color: black;
}

.button:hover svg[b-od9uytd8ud] {
    opacity: 1;
}

.button.pressed[b-od9uytd8ud] {
    transform: translateY(1px);
}
/* /Components/Buttons/CopyLinkButton.razor.rz.scp.css */
.wrapper[b-0vksu803f6] {
   
    height: 20px;
    display: inline-flex;
    position: absolute;
    margin-left: 4px;
    opacity: .65;
    cursor: pointer;

   

    transition: opacity .25s ease;

}

.wrapper:hover[b-0vksu803f6]{
    opacity: 1;
  
}

.button[b-0vksu803f6] {
    position: relative;
    transform: translateY(2px);
    border: 1px solid transparent;
    display: flex;
    justify-content: center;
    align-content: center;
    width: 18px;
    /*background-color: #f1f1f1;*/
    transition: border .25s ease, background-color .25s ease;
    /*transform-origin: 50% 60%;*/ 
}

    .button:hover[b-0vksu803f6] {
        border: 1px solid #e8e8e8;
        background-color: #e8e8e8;
    }

    .button svg[b-0vksu803f6] {
        width: 50%;
        transform: translate(0px,-1px);
        opacity: .9;
        /*object-fit: contain;*/
        transition: transform 0.2s ease;
        transform-origin: 80% 50%;  
    }

.button:hover svg[b-0vksu803f6]{
    /*transform: rotate(15deg);*/
    /*animation: Wiggle .25s ease forwards;*/
}

@keyframes Wiggle-b-0vksu803f6{
    0% {
        transform: rotate(0eg);
    }

    66% {
        transform: rotate(20deg);
    }

    100% {
        transform: rotate(15deg);
    }
}
/* /Components/Buttons/Toggle.razor.rz.scp.css */
.all-wrapper[b-dtdnmfsk3t] {
    --toggle-width: 40px;
    --toggle-half-width: calc(var(--toggle-width) / 2);
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    width: fit-content;
    
    /*border: 1px dotted red;*/
}

.toggle-wrapper[b-dtdnmfsk3t] {
    box-sizing: border-box;
    height: var(--toggle-half-width);
    width: var(--toggle-width);
    flex-shrink: 0;
    position: relative;
    background-color: #dddddd;
    transition: background-color .2s ease;
    cursor: pointer;
  
}

.toggle[b-dtdnmfsk3t] {
    box-sizing: border-box;
    height: 16px;
    width: 16px;
    margin: 2px;
    background-color: #ffffff;
    transition: transform .12s ease;
    
}

    .toggle.on[b-dtdnmfsk3t] {
        transform: translateX(20px);
    }

.toggle-wrapper.on[b-dtdnmfsk3t] {
    background-color: #4a4a4a;
}

.toggle-wrapper:hover[b-dtdnmfsk3t] {
    background-color: #d3d3d3;
}

.toggle-wrapper.on:hover[b-dtdnmfsk3t] {
    background-color: #3c3c3c;
}


/* TEXT */

.toggle-text[b-dtdnmfsk3t] {
    position: relative;
    font-family: "Host Grotesk", sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #424242;
    width: fit-content;
}


/* 
   This stays IN normal document flow so its
   text determines the width of .toggle-text.
*/
.text-measure[b-dtdnmfsk3t] {
    visibility: hidden;
    height: 0;
    overflow: visible;
    white-space: nowrap;
}

.measure[b-dtdnmfsk3t] {
    width: fit-content;
    white-space: nowrap;
}


/*
   Visible text sits over the measurement text.
*/
.actual-values[b-dtdnmfsk3t] {
    position: relative;
    height: 26px;
}

.text-value[b-dtdnmfsk3t] {
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s ease;
    pointer-events: none;
    /*border: 1px dotted blue;*/
}

    .text-value.show[b-dtdnmfsk3t] {
        opacity: 1;
    }
/* /Components/Fields/ContactField.razor.rz.scp.css */
.field-wrapper[b-j3qrgt7nmy] {
    /*width: 50%;*/
    max-width: 42rem;
    margin-bottom: 5rem;
    box-sizing: border-box;
    /*border: 1px dotted blue;*/
}


/* MEDIUM */
/*@media (max-width: 75rem) {
    .field-wrapper {
        width: 65%;
    }
}*/


/* SMALL */


.forms[b-j3qrgt7nmy] {
    /*zoom: .8;*/
    display: flex;
    flex-direction: column;
    gap: .5rem;
    /*border: 1px dotted red;*/
    position: relative;
}

.button-wrapper[b-j3qrgt7nmy]{
    margin-left: auto;
    margin-top: .5rem;
}

.sub-header[b-j3qrgt7nmy] {
    font-size: 28px;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: black;
    margin-bottom: 0rem;
}

.header-wrapper[b-j3qrgt7nmy]{
    display:flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.words[b-j3qrgt7nmy] {
    font-family: "Host Grotesk", sans-serif;
    font-size: 18px;
}

.error-message[b-j3qrgt7nmy] {
    font-family: "DM Sans", sans-serif;
    
    position: absolute;
    top: 16rem;
    color: #fa3434;

    max-height: 0;
    box-sizing: border-box;
}
/* /Components/Fields/PaintingField.razor.rz.scp.css */
/*AM CURRENTLY EXPERIMENTING WITH NOT OUTLINES AND I LIKE IT*/

.field-wrapper[b-1uj2uzxn5q]{
    /*border: 1px solid #808080;*/
    box-sizing: border-box;
    /*padding: 2rem 1rem;*/
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*padding-bottom: 4rem;*/

    min-width: 20rem;

}

.split-forms[b-1uj2uzxn5q] {
    display: flex;
    width: 100%;
    gap: 1rem;
    min-width: 0;
}

    .split-forms[b-1uj2uzxn5q]  .form-wrapper {
        flex: 1 1 0;
        min-width: 0;
        width: 100%;
    }

.gallery-settings[b-1uj2uzxn5q] {
    display: flex;
    flex-direction: row;
    /*width: 100%;*/
    gap: 2rem;
    align-items: center;

    /*border: 1px dotted blue;*/

    position: relative;
}

.remove[b-1uj2uzxn5q] {
    color: #aaaaaa;
    font-size: 18px;
    margin-left: auto;
    border-bottom: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    transition: color .4s ease, border-bottom .12s ease;
    position: absolute;
    font-family: "DM Sans", sans-serif;
    right: 0;
    bottom: 0;
}

    .remove:hover[b-1uj2uzxn5q] {
        color: #313131;
        border-bottom: 1px solid black;
        
    }




@media (max-width: 700px) {
    .second[b-1uj2uzxn5q] {
        flex-direction: column;
    }

       


}


@media (max-width: 760px) {

    .gallery-settings[b-1uj2uzxn5q] {
        display: flex;
        flex-direction: column;
        /*width: 100%;*/
        align-items: start;
        gap: 1rem;
    }
}

/* /Components/Forms/ImageUpload.razor.rz.scp.css */
.image-wrapper[b-x2ngc3dhur] {
    display: flex;
    flex-direction: column;
    width: 100%;
    box-sizing: border-box;
}

.top-labels[b-x2ngc3dhur] {
    display: flex;
    justify-content: space-between;
}

    .top-labels label[b-x2ngc3dhur] {
        font-size: 18px;
        font-family: "DM Sans", sans-serif;
        font-weight: 500;
    }

.image-upload[b-x2ngc3dhur] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 16rem;
    box-sizing: border-box;
    overflow: hidden;
    background-color: #f3f3f3;
    border: 1px solid transparent;
    cursor: pointer;
    transition: border .15s ease, background-color .2s ease;
    padding: 2rem;
}

    .image-upload:hover[b-x2ngc3dhur] {
        background-color: #f7f7f7;
    }

.empty-image[b-x2ngc3dhur] {
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
    opacity: .4;
    text-align: center;
    width: 10rem;
}

.image-upload img[b-x2ngc3dhur] {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    border: 1px solid #e6e6e6;
    /*box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;*/
}
/* /Components/Forms/IncrementForm.razor.rz.scp.css */
.wrapper[b-paovpbgmi5] {

    --gapp: 4px;

    display: flex;
    flex-direction: row;
    align-content: center;
    gap: var(--gapp);

    max-width: fit-content;

}

.form-wrapper[b-paovpbgmi5] {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 40px;
}


label[b-paovpbgmi5] {
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
}

input[b-paovpbgmi5] {
    box-sizing: border-box;
    height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0px;
    outline: none;
    border: 1px solid transparent;
    background-color: #f3f3f3;
    font-family: "Host Grotesk", sans-serif;
    border: 1px solid transparent;
    font-size: 18px;
    font-weight: 400;
    transition: border .15s ease, background-color .2s ease;
    box-sizing: border-box;
    text-align: center;
}


.up:hover[b-paovpbgmi5] {
    background-color: #f7f7f7;
}

    input:focus[b-paovpbgmi5] {
        box-sizing: border-box;
        border: 1px solid transparent;
        border-bottom: 1px solid #272727;
        background-color: white;
    }

    input[b-paovpbgmi5]::placeholder {
        opacity: .6;
    }

    input.mono[b-paovpbgmi5], input.mono[b-paovpbgmi5]::placeholder {
        font-family: "Source Code Pro", monospace;
    }


.incrementer[b-paovpbgmi5] {
    box-sizing: border-box;
    width: 20px;
    height: 40px;
    /*border: 1px dotted red;*/
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 24px;
    gap: var(--gapp);
}

.nudge[b-paovpbgmi5] {
    background-color: #f3f3f3;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color .25s ease;
    user-select: none;
    -webkit-user-select: none;
}

    .nudge:hover[b-paovpbgmi5]{
        background-color: #e2e2e2;
       
    }

    .nudge svg[b-paovpbgmi5] {
        transition: opacity .2s ease;
        pointer-events: none;
        padding-left: -1px;
    }

        .nudge:hover svg[b-paovpbgmi5]{
            opacity: .8;
        }

        .nudge svg[b-paovpbgmi5] {
            opacity: .6;
        }



.disabled[b-paovpbgmi5]{
    /*opacity: .5;*/
    cursor: default;
}
.disabled svg[b-paovpbgmi5]{
    opacity: .5;
}

    .disabled:hover[b-paovpbgmi5] {
       background-color: #f3f3f3
    }

    .disabled:hover svg[b-paovpbgmi5]{
        opacity: .1;
    }

.down[b-paovpbgmi5]{
    transform: rotate(180deg);
}



/* Chrome, Edge, Safari */
input[type="number"][b-paovpbgmi5]::-webkit-inner-spin-button,
input[type="number"][b-paovpbgmi5]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"][b-paovpbgmi5] {
    -moz-appearance: textfield;
    appearance: textfield;
}
/* /Components/Forms/LargeForm.razor.rz.scp.css */
.form-wrapper[b-yqddi51eh5] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
}

.top-labels[b-yqddi51eh5] {
    display: flex;
    justify-content: space-between;
    
}

.counter[b-yqddi51eh5] {
    font-family: "Source Code Pro", monospace;
    opacity: .8;
    font-weight: 400;
    font-size: 15px;
}

label[b-yqddi51eh5] {
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
}

textarea[b-yqddi51eh5] {
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 0;
    outline: none;
    border: 1px solid transparent;
    background-color: #f3f3f3;
    font-family: "Host Grotesk", sans-serif;
    max-height: 600px;
    font-size: 18px;
    font-weight: 400;
    resize: none;
    transition: border .15s ease, background-color .2s ease;
}

    textarea:hover[b-yqddi51eh5] {
        background-color: #f7f7f7;
    }

    textarea:focus[b-yqddi51eh5] {
        border: 1px solid #272727;
        background-color: white;
    }

    textarea[b-yqddi51eh5]::placeholder {
        opacity: .6;
    }
/* /Components/Forms/SmallForm.razor.rz.scp.css */
.form-wrapper[b-9mv5m3vu9x]{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}

.top-labels[b-9mv5m3vu9x] {
    display: flex;
    justify-content: space-between;

 
}

.counter[b-9mv5m3vu9x] {
    font-family: "Source Code Pro", monospace;
    opacity: .8;
    font-weight: 400;

    font-size: 15px;
}

label[b-9mv5m3vu9x] {
    font-size: 18px;
    font-family: "DM Sans", sans-serif;
    font-weight: 500;
}

input[b-9mv5m3vu9x] {
    box-sizing: border-box;
    height: 40px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 0px;
    outline: none;
    border: 1px solid transparent;
    background-color: #f3f3f3;
    font-family: "Host Grotesk", sans-serif;
    border: 1px solid transparent;
    font-size: 18px;
    font-weight: 400;
    transition: border .15s ease, background-color .2s ease;
    box-sizing: border-box;
}

    input:hover[b-9mv5m3vu9x] {
        /*border: 1px solid #adadad;*/
        background-color: #f7f7f7;
    }

    input:focus[b-9mv5m3vu9x] {
        box-sizing: border-box;
        border: 1px solid transparent;
       
        border-bottom: 1px solid #272727;
        background-color: white;
    }

    input[b-9mv5m3vu9x]::placeholder{
        opacity: .6;
    }

    input.mono[b-9mv5m3vu9x], input.mono[b-9mv5m3vu9x]::placeholder {
        font-family: "Source Code Pro", monospace;
    }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
main[b-wwymzi7kpu] {
    width: 100%;
    min-height: 90vh;
    /*border: 1px dotted red;*/
}
/* /Components/Pages/Curate.razor.rz.scp.css */
.wrapper[b-rjd1ywesp3] {
    display: flex;
    flex-direction: column;
    width: min(50rem, calc(100% - 2rem));
    margin: 0 auto;
    padding-top: 6rem;
    box-sizing: border-box;
    
}

.desc[b-rjd1ywesp3] {
    width: 100%;
}

.header[b-rjd1ywesp3]{
    margin-bottom: 3rem;
}

.title[b-rjd1ywesp3]{
    transform: translateX(-2px);
}


.add-button[b-rjd1ywesp3] {
    margin: 1rem 0;
    width: fit-content;
}

.closing-buttons[b-rjd1ywesp3]{
    display: flex;
    gap: 1rem;
    align-self: flex-end;
    margin: 2rem 0;

    /*border: 1px dotted blue;*/
    
}

.sub-header[b-rjd1ywesp3] {
    font-size: 28px;
    font-family: "DM Sans", sans-serif;
    font-weight: 400;
    color: black;

    margin-bottom: 1.5rem;
}

.paintings[b-rjd1ywesp3]{
    margin-bottom: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 5rem;
}

.logout[b-rjd1ywesp3] {
    color: #aaaaaa;
    font-size: 18px;
    /*margin-left: auto;*/
    border-bottom: none;
    cursor: pointer;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    transition: color .4s ease, border-bottom .12s ease;
    /*position: absolute;*/
    font-family: "DM Sans", sans-serif;
    right: 0;
    bottom: 0;
    width: fit-content;
}

    .logout:hover[b-rjd1ywesp3] {
        color: #313131;
        border-bottom: 1px solid black;
    }

@media (max-width: 760px) {

    .wrapper[b-rjd1ywesp3]{
        padding-top: 3rem;
    }

    .add-button[b-rjd1ywesp3] {
        margin: 0 0;
        padding: 0;
        width: 100%;
    }

    .closing-buttons[b-rjd1ywesp3]{
        margin-top: 4rem;
        width: 100%;
    }
}
/* /Components/Pages/Gallery.razor.rz.scp.css */
.gallery[b-x5nx1e1s4n] {
    width: min(var(--gallery-max-width), var(--gallery-fluid-width));
    margin: 0 auto 10rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    transition: gap .85s ease;
    /*border: 1px dotted red;*/
    margin-bottom: 9rem;
    padding-top: 2rem;
    
}

.paintings[b-x5nx1e1s4n] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10rem;
    transition: gap .85s ease;
    justify-content: center;
    align-items: stretch;
}

.title[b-x5nx1e1s4n] {
    font-size: 42px;
    position: relative;
    left: -3px;
    /*border: 1px dotted red;*/
}

.ppage[b-x5nx1e1s4n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*border: 1px dotted red;*/
}

.head[b-x5nx1e1s4n] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 4rem;
    justify-self: start;


}

.sub-header[b-x5nx1e1s4n] {
    font-size: 18px;
    font-family: "Host Grotesk", sans-serif;
    max-width: 30rem;
}


@media (max-width: 48rem) {

    .paintings[b-x5nx1e1s4n] {
        /*background-color: red;*/
        gap: 6rem;
    }
}


.line[b-x5nx1e1s4n] {
    /*border-top: 1px solid black;*/
    width: 100%;

}
/* /Components/Pages/Landing Sections/Contact.razor.rz.scp.css */
.contact-wrapper[b-mfl7twxgz3] {
    width: min(var(--gallery-max-width), var(--gallery-fluid-width));
    display: flex;
    justify-content: center;

    /*border: 1px dotted red;*/
}

.contact[b-mfl7twxgz3]{
    width: 100%;
}

/* /Components/Pages/Landing Sections/Footer.razor.rz.scp.css */
.footer-wrapper[b-l4zjde56og] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 0rem;
    min-height: 5rem;
    position: relative;
    box-sizing: border-box;
    padding: 1rem 0rem;
    justify-content: space-between;
    /*border: 1px dotted red;*/
    font-family: "Host Grotesk", sans-serif;
    margin-bottom: -2rem;
    padding-top: 3rem;
    width: min(var(--gallery-max-width), var(--gallery-fluid-width));
    display: flex;
    align-items: center;
}

.name[b-l4zjde56og] {
    font-size: 18px;
    margin-top: auto;
}

.socials[b-l4zjde56og] {
    display: flex;
    gap: 1.5rem;
    /*height: 20px;*/
    margin-left: auto;
    margin-top: auto;
    /*border: 1px dotted red;*/
    font-size: 18px;
}

.right-column[b-l4zjde56og] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: end;
    /*border: 1px dotted green;*/
    gap: 4rem;
}

.media[b-l4zjde56og] {
    border-bottom: 1px solid transparent;
    cursor: pointer;
    /*transition: border-bottom .25s ease;*/
    padding-bottom: 2px;
}

    .media:hover[b-l4zjde56og] {
        /*border-bottom: 1px solid black;*/
    }

    .media svg[b-l4zjde56og] {
        width: 20px;
        height: 20px;
        display: block;
        fill: currentColor;
    }

.contact[b-l4zjde56og] {
    /*border: 1px dotted blue;*/
    display: flex;
    margin-left: auto;
}


.bottom-row[b-l4zjde56og]{
    display: flex;
    justify-content: space-between;
    width: 100%;
    /*border: 1px dotted red;*/
    padding-top: 1rem;
    border-top: 1px solid #2e2e2e;

    
 
}

.header[b-l4zjde56og] {
    font-size: 18px;
    font-weight: 400;
    font-family: "DM Sans", sans-serif;
    /*border: 1px dotted red;*/
}
/* /Components/Pages/Landing Sections/Header.razor.rz.scp.css */
.header-wrapper[b-w9578cepoy] {
    display: flex;
    flex-direction: column;
    padding: 12rem 0rem;
    width: min(var(--gallery-max-width), var(--gallery-fluid-width));
    margin-bottom: 0rem;
    padding-top: 8rem;
    gap: 6rem;
}


.left[b-w9578cepoy] {
    display: flex;
    flex-direction: column;
    gap: 0rem;
    width: fit-content;
    /*border: 1px dotted red;*/

    line-height: 1;
}

.right[b-w9578cepoy]{
    display: flex;
    flex-direction: column;
    /*border: 1px dotted blue;*/
    

    
    align-self: start;
}

.name[b-w9578cepoy] {
    font-size: 52px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    color: #303030;
    letter-spacing: -3px;
    /*font-family: "DM Sans", sans-serif;*/
    position: relative;
    left: -4px;

    
}

.right[b-w9578cepoy] {
    width: 100%;
    font-size: 18px;
    font-family: "Host Grotesk", sans-serif;
    gap: 0rem;
    display: flex;
    flex-direction: row;

    /*border: 1px dotted red;*/
}

.issued[b-w9578cepoy] {
    /*border: 1px dotted red;*/
    width: fit-content;
    align-self: start;
    margin-left: auto;
    /*letter-spacing: -.5px;*/
    /*font-weight: 500;*/
    font-size: 16px;
    /*font-family: "Manrope", sans-serif;*/

    font-family: "Host Grotesk", sans-serif;
    font-size: 15px;
    letter-spacing: 0px;
    position: relative;
    top: -4px;
}

.who[b-w9578cepoy], .bio-title[b-w9578cepoy] {
    font-size: 18px;

    font-family: "Host Grotesk", sans-serif;

    /*font-family: "Source Code Pro", monospace;*/
    /*justify-self: end;*/
    /*margin-left: auto;*/


    /*font-weight: 700;*/
    /*font-family: "Manrope", sans-serif;*/
    font-size: 15px;
    letter-spacing: 0px;
}


.bio-title[b-w9578cepoy]{
    margin-left: 0;
}

.bio[b-w9578cepoy] {
    opacity: 1;
    max-width: 68rem;
    /*border: 1px dotted red;*/
    margin-bottom: 0rem;
}


@media (max-width: 48rem) {

    .header-wrapper[b-w9578cepoy] {
        padding: 3rem 0 4.5rem;
        gap: 2.5rem;
    }

    .name[b-w9578cepoy]{
        font-size: 48px;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.page[b-0kw22gc0fo] {
    display: flex;
    justify-content: center;
    margin: 0 2rem;
    /*border: 1px dotted red;*/
}

.wrapper[b-0kw22gc0fo] {
    display: flex;
    flex-direction: column;

    
    padding-top: 6rem;

    max-width: 30rem;

    /*border: 1px dotted red;*/
}

.header[b-0kw22gc0fo] {
    margin-bottom: 3rem;
}

.title[b-0kw22gc0fo] {
    transform: translateX(-2px);
}

.desc[b-0kw22gc0fo] {
    width: 100%;
}

.login-form[b-0kw22gc0fo] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 1rem;
    
}

.login-button[b-0kw22gc0fo] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
    width: fit-content;
    margin-left: auto;
}

.error-message[b-0kw22gc0fo] {
    font-family: "DM Sans", sans-serif;
    font-size: 14px;
    color: #9b2828;
    margin-top: .25rem;
}


@media (max-width: 760px) {

    .wrapper[b-0kw22gc0fo] {
        padding-top: 3rem;
    }

    .login-form[b-0kw22gc0fo] {
        width: 100%;
    }

    .login-button[b-0kw22gc0fo] {
        width: 100%;
        margin-top: 1.5rem;
    }

        .login-button[b-0kw22gc0fo]  button {
            width: 100%;
        }
}
/* /Components/PaintingOrientations/1a.razor.rz.scp.css */
.wrapper[b-re4o8nlrnk] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
}

.text[b-re4o8nlrnk] {
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    padding-left: var(--gallery-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.canvas[b-re4o8nlrnk] {
    box-sizing: border-box;
    width: 50%;
    height: auto;
    flex: 0 0 50%;
}

    .canvas img[b-re4o8nlrnk] {
        display: block;
        width: 100%;
        height: auto;
    }

.header[b-re4o8nlrnk] {
    padding-top: 15rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.details[b-re4o8nlrnk] {
    display: flex;
    flex-direction: column;
    text-align: right;
    white-space: nowrap;
    margin-top: auto;
    font-family: "Source Code Pro", monospace;
}

.button[b-re4o8nlrnk] {
    position: absolute;
    bottom: 0;
    width: fit-content;
}


/* MEDIUM */

@media (max-width: 75rem) {

    .wrapper[b-re4o8nlrnk] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title title"
            "canvas canvas"
            "desc desc"
            "details button";
        row-gap: 2rem;
        height: auto;
        align-items: start;
        align-content: start;
    }


    .text[b-re4o8nlrnk] {
        display: contents;
    }


    .header[b-re4o8nlrnk] {
        display: contents;
    }


    .title[b-re4o8nlrnk] {
        grid-area: title;
        min-width: 0;
        text-align: left;
    }


    .canvas[b-re4o8nlrnk] {
        grid-area: canvas;
        width: 100%;
        height: auto;
        flex: none;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-self: start;
    }


        .canvas img[b-re4o8nlrnk] {
            display: block;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: var(--gallery-square-medium-max-height);
        }


    .desc[b-re4o8nlrnk] {
        grid-area: desc;
        min-width: 0;
        text-align: left;
    }


    .details[b-re4o8nlrnk] {
        grid-area: details;
        margin-top: 0;
        min-width: 0;
        text-align: left;
        white-space: normal;
        align-self: end;
    }


    .button[b-re4o8nlrnk] {
        grid-area: button;
        position: static;
        width: fit-content;
        justify-self: end;
        align-self: end;
    }
}


/* MOBILE */

@media (max-width: 48rem) {

    .wrapper[b-re4o8nlrnk] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "title"
            "canvas"
            "desc"
            "details"
            "button";
        width: 100%;
        max-width: 100%;
        height: auto;
        row-gap: 2rem;
        align-items: start;
        align-content: start;
    }


    .title[b-re4o8nlrnk] {
        grid-area: title;
        /*
         * Mirrored from 1b.
         * 1a title aligns left on mobile.
         */
        text-align: left;
    }


    .canvas[b-re4o8nlrnk] {
        grid-area: canvas;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-items: flex-start;
        align-self: start;
    }


        .canvas img[b-re4o8nlrnk] {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: var(--gallery-square-medium-max-height);
        }


    .desc[b-re4o8nlrnk] {
        grid-area: desc;
        text-align: left;
    }


    .details[b-re4o8nlrnk] {
        grid-area: details;
        margin: 0;
        justify-self: start;
        align-self: start;
        text-align: left;
    }


    .button[b-re4o8nlrnk] {
        grid-area: button;
        position: static;
        width: fit-content;
        justify-self: start;
        align-self: start;
        margin-top: 2rem;
    }
}


.button.hidden[b-re4o8nlrnk] {
    visibility: hidden;
    pointer-events: none;
}
/* /Components/PaintingOrientations/1b.razor.rz.scp.css */
.wrapper[b-u38ajrs2j2] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    position: relative;
    box-sizing: border-box;
}

.text[b-u38ajrs2j2] {
    width: 50%;
    flex: 0 0 50%;
    box-sizing: border-box;
    padding-right: var(--gallery-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.canvas[b-u38ajrs2j2] {
    box-sizing: border-box;
    width: 50%;
    height: auto;
    flex: 0 0 50%;
}

    .canvas img[b-u38ajrs2j2] {
        display: block;
        width: 100%;
        height: auto;
    }

.header[b-u38ajrs2j2] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.bottom-row[b-u38ajrs2j2] {
    display: flex;
    justify-content: space-between;
    align-items: end;
}

.details[b-u38ajrs2j2] {
    display: flex;
    flex-direction: column;
    text-align: left;
    white-space: nowrap;
    margin-top: auto;
}

.button[b-u38ajrs2j2] {
}


/* MEDIUM */

@media (max-width: 75rem) {

    .wrapper[b-u38ajrs2j2] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "title title"
            "canvas canvas"
            "desc desc"
            "details button";
        row-gap: 2rem;
        /*
         * Let the component size itself from its content instead
         * of stretching through the parent's available height.
         */
        height: auto;
        align-items: start;
        align-content: start;
    }


    .text[b-u38ajrs2j2] {
        display: contents;
    }


    .header[b-u38ajrs2j2] {
        display: contents;
    }


    .bottom-row[b-u38ajrs2j2] {
        display: contents;
    }


    .title[b-u38ajrs2j2] {
        grid-area: title;
        text-align: right;
        min-width: 0;
    }


    .canvas[b-u38ajrs2j2] {
        grid-area: canvas;
        width: 100%;
        height: auto;
        flex: none;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        align-self: start;
    }


        .canvas img[b-u38ajrs2j2] {
            display: block;
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: var(--gallery-square-medium-max-height);
        }


    .desc[b-u38ajrs2j2] {
        grid-area: desc;
        min-width: 0;
        text-align: left;
    }


    .details[b-u38ajrs2j2] {
        grid-area: details;
        margin-top: 0;
        min-width: 0;
        text-align: left;
        align-self: end;
        white-space: normal;
    }


    .button[b-u38ajrs2j2] {
        grid-area: button;
        justify-self: end;
        align-self: end;
    }
}


/* MOBILE */

@media (max-width: 48rem) {

    .wrapper[b-u38ajrs2j2] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "title"
            "canvas"
            "desc"
            "details"
            "button";
        width: 100%;
        max-width: 100%;
        height: auto;
        row-gap: 2rem;
        align-items: start;
        align-content: start;
    }


    .title[b-u38ajrs2j2] {
        grid-area: title;
        text-align: right;
    }


    .canvas[b-u38ajrs2j2] {
        grid-area: canvas;
        width: 100%;
        max-width: 100%;
        justify-content: center;
        align-items: flex-start;
        align-self: start;
    }


        .canvas img[b-u38ajrs2j2] {
            width: auto;
            height: auto;
            max-width: 100%;
            max-height: var(--gallery-square-medium-max-height);
        }


    .desc[b-u38ajrs2j2] {
        grid-area: desc;
        text-align: left;
    }


    .details[b-u38ajrs2j2] {
        grid-area: details;
        margin: 0;
        justify-self: start;
        align-self: start;
        text-align: left;
    }


    .button[b-u38ajrs2j2] {
        grid-area: button;
        justify-self: start;
        align-self: start;
        
    }
}


.button.hidden[b-u38ajrs2j2] {
    visibility: hidden;
    pointer-events: none;
}
/* /Components/PaintingOrientations/2a.razor.rz.scp.css */
/*will need to hard code in value*/

.wrapper[b-tyfgw9qyr5] {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    position: relative;
    box-sizing: border-box;
}

.text[b-tyfgw9qyr5] {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    padding-left: var(--gallery-gap);
    display: flex;
    flex-direction: column;
}

.canvas[b-tyfgw9qyr5] {
    box-sizing: border-box;
    height: var(--gallery-portrait-max-height);
    width: auto;
    flex: 0 0 auto;
}

    .canvas img[b-tyfgw9qyr5] {
        display: block;
        height: 100%;
        width: auto;
    }

.header[b-tyfgw9qyr5] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
    min-width: 0;
}

.details[b-tyfgw9qyr5] {
    display: flex;
    flex-direction: column;
    text-align: left;
    white-space: nowrap;
    min-width: 0;
}

.button[b-tyfgw9qyr5] {
    position: absolute;
    bottom: 0;
}


/* MEDIUM */

@media (max-width: 75rem) {

    .canvas[b-tyfgw9qyr5] {
        height: clamp( var(--gallery-portrait-min-height), var(--gallery-portrait-fluid-height), var(--gallery-portrait-max-height) );
    }

    .details[b-tyfgw9qyr5] {
        white-space: normal;
    }
}


/* MOBILE */

@media (max-width: 48rem) {

    .wrapper[b-tyfgw9qyr5] {
        display: grid;
        /*
         * Both columns are explicitly constrained by the
         * available width of the wrapper.
         *
         * This prevents the artwork's intrinsic dimensions
         * from making the grid wider than the viewport.
         */
        grid-template-columns: minmax(0, 45fr) minmax(0, 55fr);
        grid-template-areas:
            "canvas header"
            "details button";
        column-gap: var(--gallery-mobile-column-gap);
        row-gap: var(--gallery-mobile-gap);
        align-items: start;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .text[b-tyfgw9qyr5] {
        display: contents;
    }


    .header[b-tyfgw9qyr5] {
        grid-area: header;
        margin: 0;
        padding: 0;
        min-width: 0;
        max-width: 100%;
    }


    .canvas[b-tyfgw9qyr5] {
        grid-area: canvas;
        /*
         * On mobile the grid now controls the artwork width.
         * The image no longer determines the width from
         * its fixed height.
         */
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        margin: 0;
        padding: 0;
        align-self: start;
        justify-self: stretch;
    }


        .canvas img[b-tyfgw9qyr5] {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }


    .details[b-tyfgw9qyr5] {
        grid-area: details;
        min-width: 0;
        max-width: 100%;
        align-self: end;
        text-align: left;
        white-space: normal;
        overflow-wrap: break-word;
    }


    .button[b-tyfgw9qyr5] {
        grid-area: button;
        position: static;
        min-width: 0;
        justify-self: end;
        align-self: end;
    }
}


.button.hidden[b-tyfgw9qyr5] {
    visibility: hidden;
    pointer-events: none;
}
/* /Components/PaintingOrientations/2b.razor.rz.scp.css */
.wrapper[b-85bp6z5muq] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    position: relative;
    box-sizing: border-box;
}

.text[b-85bp6z5muq] {
    flex: 1 1 auto;
    min-width: 0;
    box-sizing: border-box;
    padding-right: var(--gallery-gap);
    display: flex;
    flex-direction: column;
}

.canvas[b-85bp6z5muq] {
    box-sizing: border-box;
    width: auto;
    height: var(--gallery-portrait-max-height);
    flex: 0 0 auto;
}

    .canvas img[b-85bp6z5muq] {
        display: block;
        height: 100%;
        width: auto;
    }

.header[b-85bp6z5muq] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
    min-width: 0;
}

.details[b-85bp6z5muq] {
    display: flex;
    flex-direction: column;
    text-align: left;
    white-space: nowrap;
    min-width: 0;
}

.button[b-85bp6z5muq] {
    position: absolute;
    bottom: 0;
}


/* MEDIUM */

@media (max-width: 75rem) {

    .canvas[b-85bp6z5muq] {
        height: clamp( var(--gallery-portrait-min-height), var(--gallery-portrait-fluid-height), var(--gallery-portrait-max-height) );
    }

    .details[b-85bp6z5muq] {
        white-space: normal;
    }
}


/* MOBILE */

@media (max-width: 48rem) {

    .wrapper[b-85bp6z5muq] {
        display: grid;
        grid-template-columns: minmax(0, 55fr) minmax(0, 45fr);
        grid-template-areas:
            "header canvas"
            "button details";
        column-gap: var(--gallery-mobile-column-gap);
        row-gap: var(--gallery-mobile-gap);
        align-items: start;
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }


    .text[b-85bp6z5muq] {
        display: contents;
    }


    .header[b-85bp6z5muq] {
        grid-area: header;
        margin: 0;
        padding: 0;
        min-width: 0;
        max-width: 100%;
    }


    .canvas[b-85bp6z5muq] {
        grid-area: canvas;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: auto;
        margin: 0;
        padding: 0;
        align-self: start;
        justify-self: stretch;
    }


        .canvas img[b-85bp6z5muq] {
            display: block;
            width: 100%;
            max-width: 100%;
            height: auto;
            object-fit: contain;
        }


    .details[b-85bp6z5muq] {
        grid-area: details;
        min-width: 0;
        max-width: 100%;
        align-self: end;
        text-align: right;
        white-space: normal;
        overflow-wrap: break-word;
    }


    .button[b-85bp6z5muq] {
        grid-area: button;
        position: static;
        min-width: 0;
        justify-self: start;
        align-self: end;
    }
}


.button.hidden[b-85bp6z5muq] {
    visibility: hidden;
    pointer-events: none;
}
/* /Components/PaintingOrientations/3a.razor.rz.scp.css */
/*will need to hard code in value*/

.wrapper[b-rba9d2o9n3] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*border: 1px dotted blue;*/
    position: relative;
    box-sizing: border-box;
}

.text[b-rba9d2o9n3] {
    width: 100%;
    box-sizing: border-box;
    padding-top: 2rem;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    /*border: 1px dotted red;*/
    height: auto;
}

.canvas[b-rba9d2o9n3] {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    /*border: 1px dotted gray;*/
    flex: 0 0 auto;
    /*background-color: #e9e9e9;*/
}

    .canvas img[b-rba9d2o9n3] {
        display: block;
        width: 100%;
        height: auto;
    }


/* TOP ROW */

.top-row[b-rba9d2o9n3] {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
    gap: 2rem;
}

.title[b-rba9d2o9n3] {
    flex: 1 1 auto;
    min-width: 0;
}

.button[b-rba9d2o9n3] {
    flex: 0 0 auto;
    padding-top: .3rem;
}


/* BOTTOM ROW */

.bottom-row[b-rba9d2o9n3] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    column-gap: 2rem;
    align-items: end;
}

.desc[b-rba9d2o9n3] {
    min-width: 0;
}

.details[b-rba9d2o9n3] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    text-align: right;
    white-space: normal;
}



.button.hidden[b-rba9d2o9n3] {
    visibility: hidden;
    pointer-events: none;
}
/* /Components/PaintingOrientations/3b.razor.rz.scp.css */
/*will need to hard code in value*/

.wrapper[b-g9eshvpoh7] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*border: 1px dotted blue;*/
    position: relative;
    box-sizing: border-box;
}

.text[b-g9eshvpoh7] {
    /*padding-top: 2rem;*/
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*border: 1px dotted red;*/
    width: 100%;
    height: auto;
    box-sizing: border-box;
}

.canvas[b-g9eshvpoh7] {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    /*border: 1px dotted gray;*/
    flex: 0 0 auto;
    /*background-color: #e9e9e9;*/
}

    .canvas img[b-g9eshvpoh7] {
        display: block;
        width: 100%;
        height: auto;
    }

.header[b-g9eshvpoh7] {
    padding-bottom: 2rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    /*margin-bottom: 4rem;*/
    width: 60%;
}

.bottom-row[b-g9eshvpoh7] {
    width: 100%;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    column-gap: 2rem;
    align-items: start;
    padding-top: 2rem;
}

.details[b-g9eshvpoh7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    text-align: left;
    white-space: normal;
}

.button[b-g9eshvpoh7] {
    justify-self: end;
}

@media (max-width: 48rem) {

    .header[b-g9eshvpoh7] {
        width: 100%;
    }
}


.button.hidden[b-g9eshvpoh7] {
    visibility: hidden;
    pointer-events: none;
}