html.recycling-locations-modal-open{overflow:hidden}html.recycling-locations-modal-open body{padding-right:var(--rl-scrollbar-comp, 0px)}.recycling-locations-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100010;display:flex;align-items:center;justify-content:center;padding:clamp(14px,2.5vw,28px);box-sizing:border-box;font-family:Poppins,system-ui,sans-serif;visibility:hidden;pointer-events:none;-webkit-text-size-adjust:100%}.recycling-locations-modal[hidden]{display:none!important}.recycling-locations-modal:not([hidden]){visibility:visible}.recycling-locations-modal.is-open{pointer-events:auto}.recycling-locations-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#00000094;cursor:pointer;opacity:0;transition:opacity .28s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.recycling-locations-modal.is-open .recycling-locations-modal__backdrop{opacity:1}.recycling-locations-modal__shell{position:relative;z-index:1;width:min(100%,clamp(960px,90vw,1440px));max-height:min(94vh,clamp(820px,68vw,980px));overflow:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:8px;box-shadow:0 24px 64px #00000047,0 0 0 1px #0000000f;opacity:0;transform:translateY(clamp(10px,1vw,14px)) scale(.98);transition:opacity .28s ease,transform .28s ease}.recycling-locations-modal.is-open .recycling-locations-modal__shell{opacity:1;transform:translateY(0) scale(1)}.recycling-locations-modal__close{position:absolute;top:clamp(10px,1.3vw,14px);right:clamp(10px,1.3vw,14px);z-index:5;display:flex;align-items:center;justify-content:center;width:clamp(34px,3.2vw,38px);height:clamp(34px,3.2vw,38px);padding:0;border:1px solid rgba(11,22,41,.1);border-radius:50%;background:#fffffff5;box-shadow:0 2px 10px #0000001a;cursor:pointer}.recycling-locations-modal__close-x{position:relative;width:clamp(14px,1.4vw,16px);height:clamp(14px,1.4vw,16px);display:block}.recycling-locations-modal__close-x:before,.recycling-locations-modal__close-x:after{content:"";position:absolute;top:50%;left:50%;width:clamp(16px,1.5vw,18px);height:clamp(1.5px,.2vw,2px);background:#0f1d32;border-radius:1px}.recycling-locations-modal__close-x:before{transform:translate(-50%,-50%) rotate(45deg)}.recycling-locations-modal__close-x:after{transform:translate(-50%,-50%) rotate(-45deg)}.recycling-locations{padding:clamp(28px,3.2vw,66px) clamp(14px,3.8vw,72px) clamp(18px,1.4vw,20px);color:#0d172a;background:#fff;box-sizing:border-box}.recycling-locations__header{margin-bottom:clamp(8px,.8vw,12px)}.recycling-locations__title{margin:0;color:#05070c;font-size:clamp(30px,2.6vw,42px);line-height:1.12;font-weight:800;letter-spacing:0}.recycling-locations__subtitle{margin:clamp(6px,.6vw,8px) 0 0;color:#44546a;font-size:clamp(20px,1.6vw,26px);line-height:1.25}.recycling-locations__notice,.recycling-locations__tip{display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);border:1px solid #80c68d;border-radius:6px;background:linear-gradient(110deg,#effaf2f2,#fffffff2);box-sizing:border-box}.recycling-locations__notice{min-height:clamp(74px,5vw,86px);margin:clamp(16px,1.4vw,20px) 0 clamp(20px,1.7vw,26px);padding:clamp(16px,1.4vw,20px) clamp(14px,1.5vw,22px)}.recycling-locations__notice p,.recycling-locations__tip p{margin:0;color:#0d172a;font-size:clamp(18px,1.25vw,23px);line-height:1.45}.recycling-locations__notice strong,.recycling-locations__tip strong{color:#08751a;font-weight:700}.recycling-locations__notice-icon,.recycling-locations__tip>span{flex:0 0 auto;color:#08751a}.recycling-locations__notice-icon svg{width:clamp(34px,3vw,44px);height:clamp(34px,3vw,44px);fill:currentColor}.recycling-locations__sticky{position:sticky;top:0;z-index:4;margin:0 calc(-1*clamp(14px,3.8vw,72px));padding:10px clamp(14px,3.8vw,72px) clamp(10px,1vw,14px);background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.recycling-locations__filters{display:grid;grid-template-columns:minmax(clamp(260px,18vw,280px),1fr) minmax(clamp(140px,10vw,160px),.42fr) minmax(clamp(140px,10vw,160px),.4fr) minmax(clamp(130px,9vw,140px),.36fr);gap:clamp(12px,1.6vw,24px);margin-bottom:0;width:100%}.recycling-locations__search,.recycling-locations__filters select{min-height:clamp(52px,3.6vw,58px);box-sizing:border-box;border:1px solid #d7dee8;border-radius:6px;background:#fff;color:#0d172a;font:600 clamp(16px,1.15vw,18px) / 1.2 Poppins,system-ui,sans-serif}.recycling-locations__search{display:flex;align-items:center;gap:clamp(12px,1.2vw,18px);padding:0 clamp(16px,1.5vw,22px)}.recycling-locations__search span{color:#0d172a;flex:0 0 auto}.recycling-locations__search svg{width:clamp(22px,1.7vw,25px);height:clamp(22px,1.7vw,25px)}.recycling-locations__search svg,.recycling-locations__load svg,.recycling-locations__pager svg,.recycling-locations__tip svg,.recycling-locations__store svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.recycling-locations__search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#0d172a;font:inherit}.recycling-locations__search input::placeholder{color:#607086;opacity:1}.recycling-locations__filters select{width:100%;appearance:none;-webkit-appearance:none;padding:0 clamp(30px,2.6vw,38px) 0 clamp(14px,1.4vw,20px);background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 5.25L7 8.75L10.5 5.25' stroke='%23050A12' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right clamp(13px,1.4vw,19px) center;background-size:clamp(12px,1vw,14px) clamp(12px,1vw,14px);cursor:pointer;min-width:0}.recycling-locations__list{display:grid;gap:clamp(4px,.45vw,6px)}.recycling-locations__item{display:grid;grid-template-columns:minmax(clamp(128px,9.8vw,156px),clamp(136px,10.8vw,156px)) clamp(38px,3.8vw,56px) minmax(clamp(180px,15vw,220px),1fr) minmax(clamp(130px,10vw,150px),clamp(190px,16vw,240px));align-items:center;gap:clamp(8px,1.7vw,26px);min-height:clamp(68px,4.6vw,76px);padding:0 clamp(10px,1.7vw,24px);border:1px solid #e1e7ef;border-radius:6px;background:#fff;box-sizing:border-box}.recycling-locations__item[hidden]{display:none}.recycling-locations__code{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(42px,3.1vw,46px);padding:0 clamp(8px,1.4vw,20px);border:1px solid #34aa4b;border-radius:6px;color:#08751a;font-size:clamp(14px,1.25vw,19px);font-weight:700;white-space:nowrap}.recycling-locations__store{display:inline-flex;align-items:center;justify-content:center;width:clamp(38px,3.2vw,48px);height:clamp(38px,3.2vw,48px);padding:0;border-radius:50%;background:#e4f8e7;color:#08751a}.recycling-locations__store svg{width:clamp(24px,2vw,30px);height:clamp(24px,2vw,30px);stroke-width:2.2}.recycling-locations__address,.recycling-locations__place{margin:0;color:#0d172a;font-size:clamp(14px,1.15vw,18px);line-height:1.35;font-weight:500;min-width:0;overflow-wrap:anywhere}.recycling-locations__place{justify-self:end;text-align:right}.recycling-locations__empty{margin:clamp(18px,1.6vw,24px) 0;text-align:center;color:#607086;font-size:clamp(14px,1.15vw,18px)}.recycling-locations__actions{display:grid;justify-items:center;gap:clamp(12px,1.2vw,20px);margin:clamp(6px,1.6vw,28px) 0 clamp(4px,.5vw,8px)}.recycling-locations__load{display:inline-flex;align-items:center;gap:clamp(10px,1vw,14px);min-height:clamp(40px,3.7vw,56px);padding:0 clamp(22px,2vw,28px);border:1px solid #34aa4b;border-radius:6px;background:#fff;color:#08751a;font:600 clamp(16px,1.35vw,20px) / 1 Poppins,system-ui,sans-serif;cursor:pointer}.recycling-locations__load[hidden]{display:none}.recycling-locations__load svg{width:clamp(21px,1.8vw,26px);height:clamp(21px,1.8vw,26px)}.recycling-locations__pager{display:inline-grid;grid-template-columns:clamp(34px,2.4vw,38px) clamp(38px,2.8vw,44px) clamp(34px,2.4vw,38px);align-items:center;justify-items:center;gap:clamp(28px,2.4vw,36px)}.recycling-locations__pager button{width:clamp(34px,2.4vw,38px);height:clamp(34px,2.4vw,38px);border:0;background:transparent;color:#0d172a;cursor:pointer;padding:0}.recycling-locations__pager button:disabled{opacity:.35;cursor:default}.recycling-locations__pager svg{width:clamp(22px,1.7vw,24px);height:clamp(22px,1.7vw,24px);stroke-width:2.4}.recycling-locations__pager span{display:inline-flex;align-items:center;justify-content:center;width:clamp(38px,2.8vw,44px);height:clamp(32px,2.4vw,38px);border-radius:7px;background:#bfeec5;color:#08751a;font-size:clamp(16px,1.2vw,18px);font-weight:600}.recycling-locations__tip{justify-content:center;min-height:clamp(46px,3.8vw,58px);width:min(100%,clamp(780px,70vw,1160px));margin:clamp(4px,1vw,16px) auto 0;padding:clamp(8px,1.2vw,18px) clamp(14px,1.7vw,24px)}.recycling-locations__tip>span svg{width:clamp(26px,2vw,29px);height:clamp(26px,2vw,29px);stroke-width:2.2}.recycling-locations__tip p{flex:1 1 auto;min-width:0;font-size:clamp(16px,1.25vw,18px)}.recycling-locations__tip a{margin-left:auto;color:#08751a;font-size:clamp(16px,1.35vw,20px);font-weight:600;text-decoration:none;white-space:nowrap}@media screen and (max-width:1199px){.recycling-locations-modal__shell{width:min(100%,clamp(760px,91vw,1100px));max-height:min(94vh,clamp(760px,82vw,900px))}.recycling-locations{padding:clamp(32px,3vw,36px) clamp(24px,2.7vw,32px) clamp(20px,1.9vw,22px)}.recycling-locations__sticky{margin-right:calc(-1*clamp(24px,2.7vw,32px));margin-left:calc(-1*clamp(24px,2.7vw,32px));padding-right:clamp(24px,2.7vw,32px);padding-left:clamp(24px,2.7vw,32px);padding-top:10px}.recycling-locations__filters{grid-template-columns:minmax(clamp(220px,21.7vw,260px),1fr) repeat(3,minmax(clamp(120px,11.7vw,140px),.42fr));gap:clamp(14px,1.35vw,16px)}.recycling-locations__item{grid-template-columns:minmax(clamp(118px,12.2vw,146px),clamp(128px,12.2vw,146px)) clamp(38px,4vw,48px) minmax(clamp(150px,15vw,180px),1fr) minmax(clamp(112px,10.8vw,130px),clamp(150px,15.8vw,190px));gap:clamp(14px,1.5vw,18px);padding:0 clamp(16px,1.5vw,18px)}}@media screen and (max-width:899px){.recycling-locations-modal{padding:clamp(0px,1.4vw,12px)}.recycling-locations-modal__shell{max-height:calc(100vh - 24px)}.recycling-locations{padding:clamp(30px,3.6vw,32px) clamp(18px,2.7vw,24px) clamp(18px,2.2vw,20px)}.recycling-locations__sticky{margin-right:calc(-1*clamp(18px,2.7vw,24px));margin-left:calc(-1*clamp(18px,2.7vw,24px));padding-right:clamp(18px,2.7vw,24px);padding-left:clamp(18px,2.7vw,24px);padding-top:10px}.recycling-locations__filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,14px)}.recycling-locations__search{grid-column:1 / -1}.recycling-locations__item{grid-template-columns:minmax(clamp(108px,14vw,126px),auto) clamp(38px,5.35vw,48px) minmax(0,1fr);grid-template-areas:"code icon place" "address address address";gap:clamp(12px,1.4vw,16px);min-height:0;padding:clamp(14px,1.8vw,16px)}.recycling-locations__code{grid-area:code;justify-self:start}.recycling-locations__store{grid-area:icon}.recycling-locations__address{grid-area:address}.recycling-locations__place{grid-area:place;align-self:center}}@media screen and (max-width:767px){.recycling-locations-modal{align-items:stretch;padding:0}.recycling-locations-modal__shell{width:100%;max-width:none;max-height:none;height:100vh;height:100dvh;border-radius:0;transform:translateY(100%)}.recycling-locations-modal.is-open .recycling-locations-modal__shell{transform:translateY(0)}.recycling-locations{min-height:100%;padding:clamp(34px,4.8vw,36px) clamp(14px,2.4vw,18px) clamp(18px,2.6vw,20px)}.recycling-locations__sticky{margin-right:calc(-1*clamp(14px,2.4vw,18px));margin-left:calc(-1*clamp(14px,2.4vw,18px));padding:5px clamp(14px,2.4vw,18px) clamp(12px,1.8vw,14px)}.recycling-locations__title{font-size:clamp(26px,3.65vw,28px)}.recycling-locations__subtitle{font-size:clamp(18px,2.6vw,20px)}.recycling-locations__notice{align-items:flex-start;gap:clamp(12px,2.4vw,18px);margin:clamp(18px,2.6vw,20px) 0 clamp(22px,3.4vw,26px);padding:clamp(16px,2.6vw,20px) clamp(14px,2.9vw,22px)}.recycling-locations__notice p{font-size:clamp(16px,2.6vw,20px)}.recycling-locations__filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.6vw,12px)}.recycling-locations__search{grid-column:1 / -1;min-height:clamp(52px,7.6vw,58px);font-size:clamp(16px,2.35vw,18px)}.recycling-locations__filters select{min-height:clamp(52px,7.3vw,56px);padding:0 clamp(25px,4.4vw,32px) 0 clamp(7px,2.1vw,16px);font-size:clamp(16px,2.35vw,18px);background-position:right clamp(8px,1.8vw,14px) center}.recycling-locations__item{grid-template-columns:minmax(clamp(84px,13vw,100px),.9fr) clamp(38px,6.25vw,48px) minmax(0,1.35fr) minmax(clamp(74px,12vw,92px),1fr);grid-template-areas:"code icon address place";gap:clamp(8px,1.6vw,12px);min-height:clamp(84px,13.55vw,104px);padding:clamp(12px,2.35vw,18px) clamp(10px,2.1vw,16px)}.recycling-locations__code{min-height:clamp(42px,6.8vw,52px);padding:0 clamp(8px,1.6vw,12px);font-size:clamp(14px,2.2vw,17px)}.recycling-locations__store{width:clamp(38px,6.25vw,48px);height:clamp(38px,6.25vw,48px)}.recycling-locations__address,.recycling-locations__place{font-size:clamp(14px,2.2vw,17px)}.recycling-locations__place{justify-self:end;text-align:right}.recycling-locations__actions{gap:clamp(16px,2.6vw,20px);margin-top:clamp(24px,3.65vw,28px)}.recycling-locations__load{min-height:clamp(52px,7.3vw,56px);padding:0 clamp(22px,3.4vw,26px);font-size:clamp(18px,2.6vw,20px)}.recycling-locations__pager{gap:clamp(28px,4.7vw,36px)}.recycling-locations__tip{align-items:flex-start;flex-wrap:wrap;gap:clamp(12px,1.8vw,14px);margin-top:clamp(14px,2.1vw,16px);padding:clamp(16px,2.35vw,18px) clamp(14px,2.9vw,22px)}.recycling-locations__tip p{flex:1 1 calc(100% - clamp(40px,6.8vw,52px));font-size:clamp(16px,2.35vw,18px)}.recycling-locations__tip a{flex:1 1 100%;margin-left:0;text-align:center;font-size:clamp(18px,2.6vw,20px)}}@media screen and (max-width:479px){.recycling-locations-modal__close{top:clamp(8px,2.1vw,10px);right:clamp(8px,2.1vw,10px);width:clamp(32px,7.1vw,34px);height:clamp(32px,7.1vw,34px)}.recycling-locations{padding:clamp(30px,7.1vw,34px) clamp(10px,2.9vw,14px) clamp(16px,3.8vw,18px)}.recycling-locations__sticky{margin-right:calc(-1*clamp(10px,2.9vw,14px));margin-left:calc(-1*clamp(10px,2.9vw,14px));padding-right:clamp(10px,2.9vw,14px);padding-left:clamp(10px,2.9vw,14px);padding-top:5px}.recycling-locations__title{padding-right:clamp(32px,7.1vw,34px);font-size:clamp(24px,5.45vw,26px)}.recycling-locations__subtitle{font-size:clamp(16px,3.8vw,18px)}.recycling-locations__notice{gap:clamp(10px,2.5vw,12px);padding:clamp(14px,3.35vw,16px) clamp(10px,2.9vw,14px)}.recycling-locations__notice-icon svg{width:clamp(30px,7.1vw,34px);height:clamp(30px,7.1vw,34px)}.recycling-locations__notice p{font-size:clamp(14px,3.35vw,16px)}.recycling-locations__search,.recycling-locations__filters select{min-height:clamp(48px,10.85vw,52px);font-size:clamp(13px,3.35vw,16px)}.recycling-locations__search{gap:clamp(10px,2.5vw,12px);padding:0 clamp(12px,3.35vw,16px)}.recycling-locations__filters select{padding-right:clamp(22px,5.85vw,28px);background-position:right clamp(6px,2.5vw,12px) center}.recycling-locations__item{grid-template-columns:clamp(76px,17.55vw,84px) clamp(34px,7.95vw,38px) minmax(0,1fr) clamp(66px,15.45vw,74px);grid-template-areas:"code icon address place";gap:clamp(6px,1.7vw,8px);min-height:clamp(78px,17.55vw,84px);padding:clamp(10px,2.5vw,12px) clamp(8px,2.1vw,10px)}.recycling-locations__code{min-height:clamp(38px,8.75vw,42px);padding:0 clamp(6px,1.7vw,8px);font-size:clamp(11px,2.95vw,14px)}.recycling-locations__store{justify-self:end;width:clamp(34px,7.95vw,38px);height:clamp(34px,7.95vw,38px)}.recycling-locations__store svg{width:clamp(21px,5vw,24px);height:clamp(21px,5vw,24px)}.recycling-locations__address,.recycling-locations__place{font-size:clamp(12px,2.95vw,14px)}.recycling-locations__place{justify-self:end;text-align:right}.recycling-locations__load{width:100%;justify-content:center;min-height:clamp(48px,10.85vw,52px);font-size:clamp(16px,3.75vw,18px)}.recycling-locations__tip{padding:clamp(14px,3.35vw,16px) clamp(10px,2.9vw,14px)}.recycling-locations__tip>span svg{width:clamp(22px,5.45vw,26px);height:clamp(22px,5.45vw,26px)}.recycling-locations__tip p{flex-basis:calc(100% - clamp(34px,8.35vw,40px));font-size:clamp(14px,3.35vw,16px)}.recycling-locations__tip a{font-size:clamp(16px,3.75vw,18px)}}
/*# sourceMappingURL=/cdn/shop/t/135/assets/recycling-locations-modal.css.map */