.kiss-dev-box-container-wrapper{background-color:#437083;display:flex;justify-content:center;border-radius:36px;position:relative}.kiss-dev-box-container-wrapper:before{content:"";position:absolute;top:-18%;left:50%;transform:translate(-50%);width:35%;height:18%;background:url(/cdn/shop/files/top.png?v=1752471668) no-repeat center center;background-size:contain}.device-frame{border-radius:30px;padding:40px;position:relative;width:100%;background:transparent!important;box-shadow:none}.device-notch{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:60px;height:30px;background:#1a1a1a;border-radius:15px 15px 0 0;z-index:10}.device-notch:after{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:25px;height:3px;background:#666;border-radius:2px}.main-card{border-radius:20px;padding:50px;color:#fff;position:relative;overflow:hidden}.content-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5%;width:100%}.text-section{grid-column:1;justify-self:center;padding-right:15px}.laptop-section{grid-column:2;display:flex;flex-direction:column;align-items:center;margin:0 10px;position:relative;z-index:2}.right-section{grid-column:3;display:flex;align-items:center;gap:10px;width:100%}@media screen and (min-width: 1200px){.content-wrapper{gap:2%}}@media screen and (min-width: 1450px){.content-wrapper{gap:3%}}@media screen and (max-width: 1319px){.content-wrapper:has(.grid-1x3){gap:20px!important}}.main-title{font-weight:300;line-height:1;text-align:left;margin:0}.main-title .line{display:flex;align-items:baseline;gap:.5em}.main-title .line+.line{margin-top:.2em}.main-title .highlight{color:#ffc361;font-weight:500;font-size:75px;line-height:1;letter-spacing:2px}.main-title .highlight-fr{color:#ffc361;font-weight:500;font-size:70px;line-height:1;letter-spacing:2px}.main-title .sub-highlight-fr,.main-title .sub-highlight{font-size:55px;line-height:1;color:#fff;letter-spacing:1px;font-size:500}.laptop-placeholder{border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:14px;text-align:center}.laptop-placeholder img{object-fit:contain;max-width:280px;max-height:200px;width:auto;height:auto}.laptop-label{font-size:16px;font-weight:500;color:#fff;text-align:center}.plus-icon{display:flex;align-items:center;justify-content:center;margin:0 5px}.plus-icon img{width:40px;height:40px;object-fit:contain}.kiss-laptop-packing-slip-objects{display:flex;justify-content:flex-start;max-width:100%;overflow:hidden;flex:1}.icons-section{display:grid;gap:20px;max-width:100%}.icons-section.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100%;gap:clamp(10px,2vw,40px)}.icons-section.grid-1x3{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;width:100%;max-width:400px;gap:clamp(20px,3vw,40px);justify-items:center}.icons-section.grid-1x2{grid-template-columns:repeat(2,1fr);width:100%;gap:clamp(10px,2vw,40px);justify-items:center}.icons-section.grid-1x1{grid-template-columns:1fr}.icon-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0}.icon-circle{width:90px;height:90px;background:#ffc361;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:10px;padding:18px;box-sizing:border-box;flex-shrink:0}.icon-circle img{width:75px;height:75px;object-fit:contain;filter:brightness(0) invert(1)}.icon-label{font-size:14px;color:#fff;font-weight:500;line-height:1.3;word-wrap:break-word;text-align:center}.grid-1x1 .icon-label{max-width:100%;font-size:16px}@media (max-width: 1200px){.icons-section.grid-1x3{max-width:350px;gap:min(25px,2.5vw)}.plus-icon{margin:0}.icon-label{font-size:14px;max-width:100%}.laptop-placeholder img{max-width:250px;max-height:180px}}@media (max-width: 1080px){.main-card{padding:35px}.icons-section.grid-1x2{max-width:400px}.right-section:has(.grid-1x3){gap:30px}.icons-section.grid-2x2{justify-items:center}.content-wrapper{display:flex;flex-direction:column;gap:30px;text-align:center}.text-section{flex:none;justify-self:center;padding-right:0}.right-section:has(.grid-1x2){gap:30px}.laptop-section{margin:0}.right-section{flex-direction:column;gap:7%;align-items:center;justify-content:center;padding-left:0}.main-title{font-size:3rem;text-align:center}.main-title .highlight{font-size:60px}.main-title .sub-highlight{font-size:45px}.kiss-laptop-packing-slip-objects:has(.grid-1x3){width:80%!important}.kiss-laptop-packing-slip-objects{margin-left:0;width:100%;justify-content:center}.icons-section{max-width:100%;justify-content:center;margin:0 auto}.icons-section.grid-1x2{grid-template-columns:repeat(2,1fr);gap:12px}.icons-section.grid-1x1{grid-template-columns:1fr;margin-top:5%}.icon-circle{padding:12px}.icon-label{font-size:14px;max-width:100%}.icons-section.grid-1x3{max-width:100%!important}}@media (min-width: 1080px) and (max-width: 1313px){.main-title .sub-highlight{font-size:40px}.main-title .highlight{font-size:50px}.laptop-placeholder img{object-fit:contain;max-width:220px;max-height:170px}}@media (max-width: 766px){.main-title .line{gap:10px!important}.kiss-laptop-packing-slip-objects{width:100%}.kiss-laptop-packing-slip-objects:has(.grid-1x3){width:100%!important}.kiss-laptop-packing-slip-objects{justify-content:center!important}.right-section{flex-direction:column;align-items:center}.icons-section.grid-1x3 .icon-circle{width:60px;height:60px}.icons-section.grid-1x3 .icon-label{font-size:14px}}@media (min-width: 1040px) and (max-width: 1080px){.kiss-dev-box-container-wrapper:before{top:-17%;width:29%;height:21%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-18%;width:29%;height:24%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:21%}}@media (min-width: 1026px) and (max-width: 1040px){.kiss-dev-box-container-wrapper:before{top:-17%;height:19%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-18%;height:23%}}@media (min-width: 930px) and (max-width: 1027px){.kiss-dev-box-container-wrapper:before{top:-16%;height:18%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-14%;height:16%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:17%;top:-15%}}@media (min-width: 907px) and (max-width: 930px){.kiss-dev-box-container-wrapper:before{top:-15%;height:17%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-13%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:17%}}@media (min-width: 830px) and (max-width: 908px){.kiss-dev-box-container-wrapper:before{top:-15%;height:18%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-16%;height:19%}.icons-section.grid-1x3{gap:min(15px,1.8vw)}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-16%;height:22%}}@media (min-width: 768px) and (max-width: 830px){.kiss-dev-box-container-wrapper:before{top:-14%;height:17%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-12%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:18%}}@media (min-width: 700px) and (max-width: 770px){.kiss-dev-box-container-wrapper:before{top:-13%;width:40%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-12%;width:40%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:16%}}@media (min-width: 600px) and (max-width: 700px){.kiss-dev-box-container-wrapper:before{top:-13%;width:40%;height:16%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-12%;width:40%;height:16%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:17%}}@media (min-width: 550px) and (max-width: 600px){.kiss-dev-box-container-wrapper:before{top:-12%;width:45%;height:14%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-11%;width:45%;height:14%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:14%}}@media (min-width: 442px) and (max-width: 550px){.kiss-dev-box-container-wrapper:before{top:-11%;width:45%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-11%;width:45%;height:15%}}@media (min-width: 381px) and (max-width: 441px){.kiss-dev-box-container-wrapper:before{top:-11%;width:55%;height:11%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-11%;width:55%;height:13%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:14%}}@media (min-width: 360px) and (max-width: 380px){.kiss-dev-box-container-wrapper:before{top:-10%;width:50%;height:11%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{top:-10%;width:50%;height:13%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:13%}}@media (min-width: 60px) and (max-width: 360px){.kiss-dev-box-container-wrapper:before{top:-11%;width:45%;height:15%}.kiss-dev-box-container-wrapper:has(.grid-2x2):before{height:17%}.kiss-dev-box-container-wrapper:has(.grid-1x3):before{height:16%}}.kiss-laptop-packing-slip-objects:has(.grid-1x1){display:flex;justify-content:center}@media (min-width: 1080px){.device-frame:has(.grid-1x1){padding-left:40px!important}}@media (min-width: 1080px) and (max-width: 1105px){.main-title .sub-highlight{font-size:40px}}@media screen and (min-width: 768px) and (max-width: 1080px){.main-card{padding:0!important}.text-section .main-title .line{display:inline}.text-section .main-title{white-space:nowrap}.icon-label{font-size:16px;max-width:100%!important}.icons-section.grid-1x1{width:100%;margin-top:5%}.laptop-label{font-size:18px}.plus-icon img{object-fit:contain}.icons-section.grid-2x2,.content-wrapper{gap:20px}.icons-section.grid-1x3{width:100%!important}.content-wrapper:has(.grid-1x3){gap:30px!important}}@media (max-width: 766px){.main-card{padding:30px}.main-title .highlight{font-size:50px}.main-title .line+.line{margin-top:-10px!important}.main-title .sub-highlight{font-size:40px}.icons-section.grid-1x3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:12px;justify-items:center}.icons-section.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:12px}.icons-section.grid-1x3 .icon-item:nth-child(3){grid-column:1 / -1;justify-self:center}}@media (max-width: 480px){.main-card{padding:25px}.main-title{font-size:2.5rem}.main-title .highlight{font-size:32px}.main-title .sub-highlight{font-size:24px}.laptop-placeholder{width:160px;height:100px}.laptop-placeholder img{max-width:160px;max-height:120px}.icons-section{gap:10px}.icons-section.grid-2x2{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:10px}.icons-section.grid-1x3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:20px;justify-items:center}.icons-section.grid-1x3 .icon-item:nth-child(3){grid-column:1 / -1;justify-self:center}.icons-section.grid-1x2{grid-template-columns:repeat(2,1fr);gap:10px}.icons-section.grid-1x1{grid-template-columns:1fr}.icon-label{font-size:14px;max-width:80%}}@media screen and (max-width:768px){.plus-icon img{width:40px;height:40px}.right-section{gap:10px}}@media screen and (max-width:370px){.main-title .highlight{font-size:28px}.main-title .sub-highlight{font-size:20px}}@media screen and (min-width: 1350px){.icons-section.grid-1x3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:12px;justify-items:center}.icons-section.grid-1x3 .icon-item:nth-child(3){grid-column:1 / -1;justify-self:center}}@media screen and (min-width: 1080px) and (max-width: 1350px){.grid-1x3 .icon-circle{width:70px!important;height:70px!important}.grid-1x3 .icon-circle img{width:60px!important;height:60px!important}.icons-section.grid-1x3{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:12px;justify-items:center}.icons-section.grid-1x3 .icon-item:nth-child(3){grid-column:1 / -1;justify-self:center}}@media (max-width: 768px){.main-card{padding:30px 0!important}}@media screen and (min-width: 1080px) and (max-width: 1170px){.icon-circle{width:70px;height:70px}.icon-circle img{width:60px;height:60px}}@media screen and (min-width: 768px) and (max-width: 1080px){.icon-circle{width:90px;height:90px}.icon-circle img{width:50px;height:50px}.right-section{gap:20px}.icons-section.grid-2x2{gap:20px;width:70%}}@media screen and (min-width: 480px) and (max-width: 768px){.main-card{padding:0!important}.icon-circle{width:80px;height:80px}.icon-circle img{width:45px;height:45px}.right-section{gap:30px}.icons-section.grid-2x2{gap:20px}.icons-section.grid-2x2{gap:20px!important}.main-title .highlight{font-size:60px!important}.main-title .sub-highlight{font-size:50px!important}}@media screen and (min-width: 370px) and (max-width: 480px){.icon-circle{width:70px;height:70px}.icon-circle img{width:34px;height:34px}.right-section{gap:20px;margin-top:-8px}.icons-section.grid-2x2{gap:20px}.icons-section.grid-2x2{gap:20px!important}.main-title .highlight{font-size:50px!important}.main-title .sub-highlight{font-size:40px!important}}@media screen and (max-width: 410px){.icon-circle{width:55px;height:55px}.icon-circle img{width:32px;height:32px}.right-section{gap:20px}.main-title .line+.line{margin-top:-5px!important}.plus-icon img{width:35px;height:35px}.main-title .sub-highlight{font-size:30px!important}.main-title .highlight{font-size:40px!important}}@media screen and (max-width: 480px){.main-title .line+.line{margin-top:-5px}.main-card{padding:0!important}.kiss-dev-box-container-wrapper{border-radius:20px}.device-frame{padding:20px 40px 30px}.icons-section.grid-1x2{max-width:100%!important}}@media screen and (min-width: 1080px) and (max-width: 1110px){.main-title .sub-highlight{font-size:30px}.main-title .highlight{font-size:50px}}@media screen and (min-width: 1335px) and (max-width: 1480px){.main-title .highlight-fr{font-size:60px}.main-title .sub-highlight-fr{font-size:45px}}@media screen and (min-width: 1205px) and (max-width: 1335px){.main-title .highlight-fr{font-size:50px}.main-title .sub-highlight-fr{font-size:35px}}@media screen and (min-width: 1150px) and (max-width: 1205px){.main-title .highlight-fr{font-size:40px}.main-title .sub-highlight-fr{font-size:35px}}@media screen and (min-width: 1080px) and (max-width: 1150px){.main-title .highlight-fr{font-size:35px}.main-title .sub-highlight-fr{font-size:28px}}@media screen and (min-width: 766px) and (max-width: 1080px){.main-title .highlight-fr{font-size:50px}.main-title .sub-highlight-fr{font-size:35px}}@media screen and (min-width: 460px) and (max-width: 766px){.main-title .highlight-fr{font-size:50px}.main-title .sub-highlight-fr{font-size:35px}}@media screen and (min-width: 360px) and (max-width: 460px){.main-title .highlight-fr{font-size:35px}.main-title .sub-highlight-fr{font-size:25px}}@media screen and (min-width: 60px) and (max-width: 360px){.main-title .highlight-fr{font-size:30px}.main-title .sub-highlight-fr{font-size:20px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/kiss-in-the-box-container.css.map */