.dl-pg-section{padding:0;padding-top:var(--padding-top, 0);padding-bottom:var(--padding-bottom, 0);background-color:var(--background-color, #fff);overflow:hidden}@media (max-width: 768px){.dl-pg-section{padding-top:var(--padding-top-mobile, calc(var(--padding-top, 0) / 2));padding-bottom:var(--padding-bottom-mobile, calc(var(--padding-bottom, 0) / 2))}}.dl-pg-section{background-color:var(--section-bg, transparent)}.dl-pg-container{max-width:1280px;margin:0 auto}.dl-pg-main{display:flex;flex-direction:column;gap:5px}.dl-pg-preview-panel{flex:1;padding:0 15px}.dl-pg-preview{width:100%;aspect-ratio:700/580;background-color:var(--section-bg-preview, #F8F9FD);border-radius:15px;overflow:hidden}.dl-pg-preview img{width:100%;height:100%;object-fit:cover;display:block}.dl-pg-options-panel{flex:1}.dl-pg-option-box{margin-bottom:20px}.dl-pg-option-box h3{margin:0;padding:15px;font-size:15px;line-height:18px;color:var(--section-h3-color, #000)}.dl-pg-option-group{display:flex;flex-wrap:nowrap;gap:26px;margin-bottom:20px;overflow-x:auto;padding:0 15px;scrollbar-width:none}.dl-pg-option-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:50px;flex:0 0 50px;-webkit-tap-highlight-color:transparent}.dl-pg-option-item img{width:100%;height:50px;border-radius:8px;border:1px solid #999;box-sizing:border-box;object-fit:contain}.dl-pg-option-item:hover img,.dl-pg-option-item.selected img{border-color:#016fd0}.dl-pg-option-item span{margin-top:8px;font-size:12px;font-weight:500;color:var(--section-item-color, #333);text-align:center;width:90px}@media (min-width: 768px){.dl-pg-container{padding:5px;background-color:var(--section-content-bg, transparent);border-radius:30px}.dl-pg-main{flex-direction:row;background-color:var(--section-bg-preview, #F8F9FD);border-radius:30px}.dl-pg-preview-panel{flex:1 1 calc(100% - 480px);padding:0;display:flex;align-items:center;justify-content:center;width:calc(100% - 480px)}.dl-pg-options-panel{flex:1 1 480px;justify-content:center;align-items:center;display:flex;width:480px}.dl-pg-preview{max-width:700px}.dl-pg-options{width:320px}.dl-pg-option-box h3{padding:15px 0}.dl-pg-option-group{flex-wrap:wrap;padding:0;scrollbar-width:none;column-gap:40px;row-gap:20px;overflow-x:visible}.dl-pg-option-item span{font-size:12px;margin-top:10px}}.dark-style.dl-pg-section{--section-bg: #000}.dark-style .dl-pg-preview{--section-bg-preview: #cccccc33}.dark-style{--section-h3-color: #fff;--section-item-color: #ccc}@media (min-width: 768px){.dark-style{--section-content-bg:#000}.dark-style .dl-pg-main{background-color:var(--section-bg-preview, transparent)}.dark-style .dl-pg-preview-panel{background-color:var(--section-bg-preview, #F8F9FD);border-radius:30px}}
/*# sourceMappingURL=/cdn/shop/t/62/assets/dl-printer-playground.css.map */