.sticker-browser{
    
    position:fixed;
    left:0px;
    top:0px;
    width:100%;
    /*max-width:572px;*/
    /*max-width:468px;*/
    /*max-width:468px;*/
    /*max-width:416px;*/
    /*max-width:1508px;*/
    /*height:100vh;*/
    /*height:calc(100vh - 52px);*/
    /*max-height:50%;*/
    /*overflow:hidden;*/
    z-index:9998;
    display:none;
    
    /*transform: none !important*/
    
}

.sticker-browser.drag {
  /*position:fixed !important;*/
  border-color: white;
  /*box-shadow: 3px 6px 24px rgba(0, 0, 0, 0.5);*/
  /*z-index:10001;*/
  transform: scale(1);
}

.sticker-browser.open{
    display:block;
}
.sticker-container{
    width:100%;
    height:100%;
    justify-content: space-between;
    z-index:2;
}

.sticker-header{
    width:100%;
    /*height:52px;*/
}
.sticker-content{
    position:relative;
    width:100%;
    height:100%;
    /*display:flex;*/
    /*flex-direction:column;*/
    /*align-items:center;*/
    /*justify-content:center;*/
    /*overflow-x: hidden;*/
    /*overflow-y: scroll;*/
    /*scrollbar-width: none;*/

    
}
.instructionWrap{
    position:relative;
    width:100%;
    height:100%;
    /*padding:26px;*/
    /*padding:var(--block2) var(--block1) var(--block3) var(--block1);*/
    /*padding:var(--block1) var(--block1) var(--block3) var(--block1);*/
    padding:26px 26px 78px 26px;
}
.instructionWrap.flex{
    display:flex;
    /*flex-direction:column;*/
    /*align-items:center;*/
    /*align-items: stretch;*/
    /*justify-content:center;*/
}

.instructionWrap.grid {
    display: grid;
    /*grid-template-columns: 1fr 1fr;*/
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto; /* Adjust the row heights as needed */
    gap: 10px; /* Gap between the items */
}

.sticker-item{
    width:100%;
    /*min-height:260px;*/
    /*min-height:50%;*/
    /*margin-bottom:26px;*/
    display:flex;
    align-items:center;
    justify-content:center;
    
    border-radius:8px;
    border:1px solid currentColor;
    overflow:hidden;
    box-sizing: border-box;        
    /*border-color: currentColor;*/

}

.sticker-item.small {
    grid-column: span 1;
    grid-row: span 1;
}

.sticker-item.medium {
    grid-column: span 2;
    grid-row: span 2;
}

.sticker-item.half {
    grid-column: span 2;
    grid-row: span 4;
}

.sticker-item.large {
    grid-column: span 3;
    grid-row: span 3;
}

.sticker-item.xxl {
    grid-column: span 4;
    grid-row: span 4;
}

.tall {
    grid-row: span 2;
}

.sticker-item.wide {
    grid-column: span 4;
}
.wide.tall{
    grid-row: span 2;
}

.sticker-item.narrow {
    grid-column: span 1;
}
    
    .sticker-img{
        position:relative;
        width: 100%;
        /*height: 520px;*/
        height:auto;
        /*background-position: center;*/
        /*background-repeat: no-repeat;*/
        /*background-size: contain;*/
        /*border-width: 3px;*/
        /*border-style: solid;*/
    }

.sticker-footer{
    /*margin-top:var(--block1);*/
    /*bottom:26px;*/
    /*left:26px;*/
    width:100%;
    /*height:52px;*/
    /*max-width:572px;*/
    padding:26px;
    z-index:5;
}
.plate-item{
    /*width:100%;*/
    /*min-height:260px;*/
    margin-bottom:26px;
    display:flex;
    /*align-items:center;*/
    align-items:start;
    justify-content:start;
    /*border-radius:8px;*/
    /*border:4px solid currentColor;*/
}

.close-sticker-button{
    position:absolute;
    width:var(--block2);
    height:var(--block1);
    top:22px;
    /*bottom:0;*/
    right:var(--block2);
    tranform:translate(-50%,0);
    /*z-index:9;    */
    
}

.sticker-categories-tabs {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0;
}
.sticker-categories-tabs li .active .flat {
    background-color: var(--blue2) !important;
    border-color: var(--border-bright) !important;
}
.sticker-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:9998;
    /*background-color:var(--modeColor);*/
    /*background-color:var(--overlayColor) !important;*/
    /*background-color:rgba(255,255,255,0.8) !important;*/
    /*background-image: url(/assets/texture/overlay_TEXTURE.png);*/
    /*background-image: url(/assets/texture/overlay_TEXTURE_white.png);*/
    /*background-repeat: repeat;*/
}
.dark-mode .sticker-overlay{
    /*background-color:rgba(0,0,0,0.8) !important;*/
    /*background-image: url(/assets/texture/wood/c127693b3af8120d642a7e3eeb3e2837.jpg);*/
    /*background-image: url(/assets/texture/wood/wood-texture-background-free-vector.jpg);*/
    /*background-repeat: repeat;*/
}

.sticker-overlay{
    /*--globalnav-backdrop-filter: saturate(180%) blur(2px);*/
    /*-webkit-backdrop-filter: var(--globalnav-backdrop-filter);*/
    /*backdrop-filter: var(--globalnav-backdrop-filter);*/
}