#diy-preview{max-width:1240px;padding:0 24px 36px}#diy-preview :focus-visible{outline:3px solid #0577b8;outline-offset:4px}#diy-preview [hidden]{display:none!important}#diy-preview h2{font-size:clamp(25px,2.7vw,36px);line-height:1.15;letter-spacing:-.035em;margin:0 0 18px;font-weight:700}#diy-preview h3{font-size:20px;line-height:1.3;margin:0 0 12px}#diy-preview p{font-size:17px;line-height:1.6;margin:0 0 20px;font-weight:400;color:#55575d}#diy-preview .s07-section{margin:28px auto;scroll-margin-top:20px}#diy-preview .s07-story{padding:30px;border-radius:28px;background:#f5f7fa}#diy-preview .s07-hero{padding:40px;background:linear-gradient(120deg,#edf7fd,#f5f7fa);border-radius:30px}#diy-preview .s07-hero h1{font-size:clamp(35px,4.2vw,54px);line-height:1.08;letter-spacing:-.045em;margin:22px 0;font-weight:700;max-width:900px}#diy-preview .s07-lead{max-width:700px;font-size:19px}#diy-preview .s07-label{font-size:12px}#diy-preview .s07-btn{border-radius:12px;min-height:46px;font-size:16px;padding:12px 18px;width:fit-content;max-width:100%;overflow-wrap:normal;cursor:pointer}#diy-preview .s07-btn-row{margin:20px 0;gap:12px;flex-direction:row}#preview-state{background:#f5f7fa;color:#55575d!important;text-align:center;font-size:12px!important;border-radius:0 0 10px 10px;padding:8px;margin:0!important}#preview-header{display:flex;align-items:center;gap:44px;min-height:104px;border-bottom:1px solid #e4e6e9}#preview-header img{display:block;border-radius:10px}#preview-header nav{display:flex;flex-wrap:wrap;gap:28px;font-size:15px}#product-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#product-navigation .s07-chip{width:auto;border-radius:18px;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;min-height:84px;padding:12px;text-align:left;line-height:1.25;font-size:14px}#product-navigation img{width:62px;height:62px;object-fit:contain;border-radius:10px;background:#fff}#product-navigation span{display:grid;place-items:center;width:62px;height:62px;flex-shrink:0;border-radius:10px;background:#edf7fd;color:#0577b8;font-size:20px}#document-settings{display:grid;grid-template-columns:1fr 250px;gap:8px 28px;align-items:center}#document-settings h2,#document-settings>p{grid-column:1;margin-bottom:4px}#document-settings label,#document-settings select{grid-column:2}#document-settings label{grid-row:1}#document-settings select{grid-row:2}#diy-preview label{display:block;font-size:15px;font-weight:700;margin:22px 0 8px}#diy-preview select{font:inherit;background:#fff;color:#1d1d1f;padding:12px 40px 12px 14px;border-radius:10px;border:1px solid #c9cdd3;width:min(100%,330px);min-height:48px}#diy-preview [data-product-section]>.s07-hero-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:32px;align-items:start}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>a:first-child{display:block;background:#fff;border:1px solid #e4e6e9;border-radius:20px;overflow:hidden;margin-bottom:18px}#diy-preview [data-product-section] img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#fff}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>.s07-btn{display:flex;margin:auto}#diy-preview [data-document-meta]{font-size:14px;margin:12px 0 0;color:#6e6e73}#diy-preview [data-supplement],#diy-preview [data-video]{background:#fff;border:1px solid #dfe6ec;padding:22px;margin-top:24px;border-radius:18px;box-shadow:none}#diy-preview [data-supplement]{border-left:4px solid #1fa0ec}#diy-preview [data-supplement] .s07-btn{margin-top:16px}#diy-preview [data-video]{background:#111827}#diy-preview [data-video] h3{color:#fff}#diy-preview [data-video] p{color:#d4dbe5;font-size:14px;margin-bottom:14px}#diy-preview [data-video] p a{text-decoration:underline!important}#diy-preview [data-video] iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:12px}#diy-preview .s07-final{padding:32px;border-radius:28px}#diy-preview .s07-final h2{color:#fff}@media(max-width:800px){#diy-preview{padding:0 14px 24px}#diy-preview .s07-hero{padding:28px}#product-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}#diy-preview [data-product-section]>.s07-hero-grid{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:22px}#document-settings{grid-template-columns:1fr}#document-settings label,#document-settings select{grid-column:1;grid-row:auto}}@media(max-width:600px){#preview-header{min-height:90px;gap:22px}#preview-header img{width:60px;height:60px}#preview-header nav{gap:12px;font-size:13px}#preview-header nav>a:last-child{display:none}#diy-preview .s07-section{margin:22px auto}#diy-preview .s07-story,#diy-preview .s07-hero{padding:22px 18px;border-radius:24px}#diy-preview .s07-hero h1{font-size:36px;margin:18px 0;line-height:1.1}#diy-preview .s07-lead{font-size:17px}#diy-preview .s07-hero .s07-chip-row{display:none}#diy-preview .s07-hero small{font-size:12px}#diy-preview .s07-hero>p:last-child{margin-bottom:0}#product-navigation{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 3px 12px;gap:10px}#product-navigation .s07-chip{min-width:188px;scroll-snap-align:start}#diy-preview [data-product-section]>.s07-hero-grid{display:flex;flex-direction:column;gap:24px}#diy-preview [data-product-section]>.s07-hero-grid>div{width:100%}#diy-preview [data-product-section] img{height:210px;aspect-ratio:auto}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>a:first-child{margin:0}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>.s07-btn{margin-top:14px}#diy-preview p{font-size:16px}#diy-preview .s07-btn{font-size:15px;min-height:46px}#diy-preview [data-supplement],#diy-preview [data-video]{padding:18px}#diy-preview .s07-final{padding:24px 18px}}@media(prefers-reduced-motion:reduce){#diy-preview *{scroll-behavior:auto!important;transition:none!important}}#diy-preview [data-video] h3{color:#1fa0ec}#diy-preview select{width:230px;max-width:100%;padding-right:46px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%231D1D1F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:14px 10px;background-position:right 17px center}#diy-preview .s07-btn{width:fit-content!important;min-width:0;max-width:100%;flex:0 1 auto;align-self:flex-start}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>a:first-child{width:min(100%,300px);aspect-ratio:1;margin-inline:auto}#diy-preview [data-product-section] img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}#diy-preview #adjustment img{aspect-ratio:auto;max-width:300px;margin-inline:auto;margin-bottom:22px}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>.s07-btn{margin-top:22px}#diy-preview [data-video] .s07-btn+p,#diy-preview [data-video] iframe+p{margin-top:18px}#diy-preview .s07-label{width:fit-content;max-width:100%}#diy-preview .s07-label+h3{margin-top:18px}#diy-preview #adjustment>.s07-hero-grid>div:first-child>.s07-story{margin-top:22px}@media(max-width:600px){#diy-preview [data-product-section] img{height:auto;aspect-ratio:1}#diy-preview #adjustment img{aspect-ratio:auto}#diy-preview [data-product-section]>.s07-hero-grid>div:first-child>a:first-child{margin-inline:auto}}#diy-preview .s07-hero-grid>div{min-width:0}#diy-preview .s07-btn,#diy-preview .s07-chip,#diy-preview .s07-pill,#diy-preview .s07-label,#diy-preview select{box-sizing:border-box;border-radius:12px}#diy-preview select{width:auto;min-width:0;max-width:100%;field-sizing:content;justify-self:start}#diy-preview .s07-chip,#diy-preview .s07-pill,#diy-preview .s07-label{width:fit-content;max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}#diy-preview .s07-btn{white-space:normal;overflow-wrap:anywhere}
/*# sourceMappingURL=/cdn/shop/t/53/assets/s07-diy.css.map */