.chadgpt-portrait-slider-wrapper{
max-width:100%;
margin:0 auto;
position:relative;
overflow:hidden;
padding-right:20%;
}
.chadgpt-portrait-slider{
width:100%;
padding:0;
}
.chadgpt-portrait-slider .owl-stage-outer{
overflow:visible;
margin-right:-20%;
}
.chadgpt-portrait-slider .owl-stage {
overflow: hidden;
}
.chadgpt-portrait-slider-item{
display:block;
width:var(--chadgpt-max-width-desktop, 450px);
max-width:var(--chadgpt-max-width-desktop, 450px);
max-height:var(--chadgpt-max-height-desktop, 600px);
aspect-ratio:var(--chadgpt-aspect-ratio, 3 / 4);
background-size:cover;
background-position:center center;
background-repeat:no-repeat;
flex-shrink:0;
position:relative;
height:auto;
}
.chadgpt-portrait-slider-item img{
display:none;
}
.chadgpt-portrait-slider-nav{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
margin-top:20px;
padding:0 20px;
width:100%;
max-width:100vw;
box-sizing:border-box;
position:relative;
left:50%;
transform:translateX(-50%);
}
.chadgpt-portrait-slider-nav-inner{
display:flex;
justify-content:center;
align-items:center;
gap:20px;
}
.chadgpt-portrait-slider-arrow{
background:none;
border:none;
padding:0;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:opacity 0.3s ease, transform 0.3s ease;
width:36px;
height:36px;
opacity:1;
}
.chadgpt-portrait-slider-arrow:active:not(.chadgpt-portrait-slider-disabled){
transform:scale(0.95);
}
.chadgpt-portrait-slider-arrow.chadgpt-portrait-slider-disabled{
opacity:0.3 !important;
cursor:not-allowed;
pointer-events:none;
}
.chadgpt-portrait-slider-arrow img{
width:100%;
height:100%;
display:block;
}
.chadgpt-portrait-slider-prev img{
transform:rotate(180deg);
}
@media(min-width:1025px){
.chadgpt-portrait-slider-nav{
justify-content:flex-end;
left:auto;
transform:none;
right:0;
}
.chadgpt-portrait-slider-nav-inner{
justify-content:flex-end;
}
.owl-dots{
display:none !important;
}
}
@media(max-width:1024px){
.chadgpt-portrait-slider-wrapper{
padding-right:15%;
}
.chadgpt-portrait-slider .owl-stage-outer{
margin-right:-15%;
}
.chadgpt-portrait-slider-item{
width:var(--chadgpt-max-width-tablet, 375px);
max-width:var(--chadgpt-max-width-tablet, 375px);
max-height:var(--chadgpt-max-height-tablet, 500px);
height:auto;
}
.chadgpt-portrait-slider-nav{
display:none !important;
}
.owl-dots{
display:flex !important;
justify-content:center;
gap:5px;
margin-top:16px;
width: 110%;
}
.owl-dot span{
width:10px;
height:10px;
border-radius:50%;
background:rgba(0,0,0,0.4);
display:block;
transition:background 0.25s;
}
.owl-dot.active span,
.owl-dot.is-active span{
background:#1D1D1F;
}
}
@media(max-width:768px){
.chadgpt-portrait-slider-wrapper{
padding-right:10%;
}
.chadgpt-portrait-slider .owl-stage-outer{
margin-right:-10%;
}
.chadgpt-portrait-slider-item{
width:var(--chadgpt-max-width-mobile, 300px);
max-width:var(--chadgpt-max-width-mobile, 300px);
max-height:var(--chadgpt-max-height-mobile, 400px);
height:auto;
}
}