6 Extra-Large Clear Stackable Pencil Boxes
.supply-sort-line{ --ssl-ink:#202b3a; --ssl-paper:#fffdf7; --ssl-cream:#f6eedf; --ssl-clear:#edf5f7; --ssl-blue:#84b9d5; --ssl-green:#8fbd9a; --ssl-yellow:#efcc63; --ssl-pink:#df9d af; --ssl-purple:#a894c7; --ssl-orange:#e4a06d; --ssl-muted:#65717c; max-width:1040px; margin:0 auto; color:var(--ssl-ink); font-family:Arial,Helvetica,sans-serif; line-height:1.55; } .supply-sort-line *, .supply-sort-line *::before, .supply-sort-line *::after{ box-sizing:border-box; } .ssl-board{ border:6px solid var(--ssl-ink); background:var(--ssl-paper); } .ssl-heading{ position:relative; padding:34px 34px 29px; border-bottom:5px solid var(--ssl-ink); background: repeating-linear-gradient( 90deg, transparent 0, transparent 38px, rgba(32,43,58,.07) 39px, rgba(32,43,58,.07) 40px ), var(--ssl-paper); } .ssl-heading::after{ content:"6 BOX SORTING LINE"; position:absolute; top:0; right:0; padding:9px 14px; border-left:4px solid var(--ssl-ink); border-bottom:4px solid var(--ssl-ink); background:var(--ssl-yellow); color:var(--ssl-ink); font-size:9px; font-weight:900; letter-spacing:1px; } .ssl-heading small{ display:block; margin-bottom:11px; color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:10px!important; font-weight:900!important; letter-spacing:1px!important; text-transform:uppercase!important; } .ssl-heading h2{ max-width:780px; margin:0 0 13px!important; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:clamp(35px,6vw,57px)!important; line-height:1.02!important; font-weight:950!important; } .ssl-heading h2 span{ color:#507e91!important; -webkit-text-fill-color:#507e91!important; } .ssl-heading p{ max-width:720px; margin:0!important; color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:16px!important; } .ssl-conveyor{ position:relative; padding:38px 28px 62px; overflow:hidden; background:var(--ssl-clear); } .ssl-conveyor::before{ content:""; position:absolute; left:0; right:0; bottom:20px; height:28px; border-top:5px solid var(--ssl-ink); border-bottom:5px solid var(--ssl-ink); background: repeating-linear-gradient( 90deg, var(--ssl-ink) 0, var(--ssl-ink) 9px, transparent 9px, transparent 31px ); } .ssl-box-row{ position:relative; z-index:1; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; align-items:end; } .ssl-bin{ position:relative; min-height:205px; padding:47px 13px 18px; border:4px solid var(--ssl-ink); border-radius:7px 7px 18px 18px; background:rgba(255,255,255,.76); } .ssl-bin:nth-child(2), .ssl-bin:nth-child(5){ transform:translateY(18px); } .ssl-bin-lid{ position:absolute; left:-4px; right:-4px; top:-4px; height:39px; border:4px solid var(--ssl-ink); border-radius:7px 7px 2px 2px; background:var(--ssl-blue); } .ssl-bin:nth-child(2) .ssl-bin-lid{background:var(--ssl-green);} .ssl-bin:nth-child(3) .ssl-bin-lid{background:var(--ssl-yellow);} .ssl-bin:nth-child(4) .ssl-bin-lid{background:var(--ssl-pink);} .ssl-bin:nth-child(5) .ssl-bin-lid{background:var(--ssl-purple);} .ssl-bin:nth-child(6) .ssl-bin-lid{background:var(--ssl-orange);} .ssl-bin-lid::after{ content:""; position:absolute; left:50%; bottom:-14px; width:34px; height:18px; transform:translateX(-50%); border:3px solid var(--ssl-ink); border-radius:3px; background:#ffffff; } .ssl-bin strong{ display:block; margin-bottom:8px; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:18px!important; } .ssl-bin span{ color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:10px!important; font-weight:800!important; text-transform:uppercase!important; } .ssl-bin-lines{ display:grid; gap:7px; margin-top:20px; } .ssl-bin-lines i{ display:block; height:8px; border:2px solid var(--ssl-ink); border-radius:999px; background:var(--ssl-yellow); } .ssl-bin-lines i:nth-child(2){ width:76%; background:var(--ssl-blue); } .ssl-bin-lines i:nth-child(3){ width:58%; background:var(--ssl-pink); } .ssl-capacity{ display:grid; grid-template-columns:190px 1fr; border-top:5px solid var(--ssl-ink); border-bottom:5px solid var(--ssl-ink); } .ssl-capacity-title{ display:flex; align-items:center; padding:24px; border-right:5px solid var(--ssl-ink); background:var(--ssl-ink); } .ssl-capacity-title strong{ color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; font-size:18px!important; line-height:1.2!important; } .ssl-ruler{ padding:22px; background:var(--ssl-cream); } .ssl-ruler-track{ position:relative; height:27px; margin-bottom:17px; border-top:4px solid var(--ssl-ink); background: repeating-linear-gradient( 90deg, var(--ssl-ink) 0, var(--ssl-ink) 2px, transparent 2px, transparent 10% ); } .ssl-ruler-data{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } .ssl-ruler-data div{ padding:13px; border-left:6px solid var(--ssl-blue); background:#ffffff; } .ssl-ruler-data div:nth-child(2){border-color:var(--ssl-pink);} .ssl-ruler-data div:nth-child(3){border-color:var(--ssl-yellow);} .ssl-ruler-data strong{ display:block; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:20px!important; } .ssl-ruler-data span{ color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:11px!important; } .ssl-route{ padding:40px 28px; } .ssl-route h3{ margin:0 0 22px!important; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:27px!important; } .ssl-route-line{ position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; } .ssl-route-line::before{ content:""; position:absolute; left:8%; right:8%; top:25px; height:4px; background:var(--ssl-ink); } .ssl-stop{ position:relative; z-index:1; text-align:center; } .ssl-stop b{ display:flex; align-items:center; justify-content:center; width:52px; height:52px; margin:0 auto 13px; border:4px solid var(--ssl-ink); border-radius:50%; background:var(--ssl-yellow); color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:16px!important; } .ssl-stop:nth-child(2) b{background:var(--ssl-blue);} .ssl-stop:nth-child(3) b{background:var(--ssl-green);} .ssl-stop:nth-child(4) b{background:var(--ssl-pink);} .ssl-stop strong{ display:block; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:15px!important; } .ssl-stop p{ margin:6px 0 0!important; color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:12px!important; } .ssl-callout{ display:grid; grid-template-columns:auto 1fr; align-items:center; gap:20px; margin:0 28px 40px; padding:24px; border:4px solid var(--ssl-ink); background:var(--ssl-yellow); } .ssl-callout strong{ color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:40px!important; line-height:1!important; } .ssl-callout h3{ margin:0 0 4px!important; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:21px!important; } .ssl-callout p{ margin:0!important; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:13px!important; } .ssl-faq{ margin-top:42px; border:5px solid var(--ssl-ink); background:#ffffff; } .ssl-faq-head{ display:grid; grid-template-columns:72px 1fr; border-bottom:5px solid var(--ssl-ink); } .ssl-faq-index{ display:flex; align-items:center; justify-content:center; border-right:5px solid var(--ssl-ink); background:var(--ssl-purple); color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:20px!important; font-weight:950!important; } .ssl-faq-head h3{ margin:0!important; padding:18px; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:25px!important; } .ssl-faq details{ margin:0!important; padding:0!important; border:0!important; border-bottom:3px solid var(--ssl-ink)!important; background:#ffffff!important; } .ssl-faq details:last-child{ border-bottom:0!important; } .ssl-faq summary{ position:relative; display:block; padding:17px 70px 17px 18px!important; list-style:none!important; cursor:pointer; background:#ffffff!important; color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:15px!important; font-weight:900!important; } .ssl-faq summary::-webkit-details-marker{ display:none!important; } .ssl-faq summary::marker{ content:""!important; } .ssl-faq summary::after{ content:"+"; position:absolute; right:17px; top:50%; display:flex; align-items:center; justify-content:center; width:34px; height:34px; transform:translateY(-50%); border:3px solid var(--ssl-ink); background:var(--ssl-yellow); color:var(--ssl-ink)!important; -webkit-text-fill-color:var(--ssl-ink)!important; font-size:20px!important; } .ssl-faq details[open] summary{ background:var(--ssl-clear)!important; } .ssl-faq details[open] summary::after{ content:"−"; background:var(--ssl-ink); color:#ffffff!important; -webkit-text-fill-color:#ffffff!important; } .ssl-faq summary:focus-visible{ outline:3px solid var(--ssl-purple); outline-offset:-5px; } .ssl-faq-answer{ padding:0 18px 18px!important; color:var(--ssl-muted)!important; -webkit-text-fill-color:var(--ssl-muted)!important; font-size:14px!important; } @media(max-width:850px){ .ssl-box-row{ grid-template-columns:repeat(3,minmax(0,1fr)); } .ssl-bin:nth-child(n){ transform:none; } .ssl-capacity{ grid-template-columns:1fr; } .ssl-capacity-title{ border-right:0; border-bottom:5px solid var(--ssl-ink); } } @media(max-width:590px){ .ssl-heading{ padding:54px 21px 24px; } .ssl-box-row, .ssl-ruler-data, .ssl-route-line{ grid-template-columns:1fr; } .ssl-conveyor{ padding:26px 20px 60px; } .ssl-route-line::before{ display:none; } .ssl-stop{ display:grid; grid-template-columns:52px 1fr; column-gap:13px; text-align:left; } .ssl-stop b{ grid-row:1/3; margin:0; } .ssl-callout{ grid-template-columns:1fr; margin:0 18px 30px; } .ssl-faq-head{ grid-template-columns:1fr; } .ssl-faq-index{ min-height:55px; border-right:0; border-bottom:5px solid var(--ssl-ink); } } Extra-Deep Classroom Storage Sort More Supplies into Six Clear Stackable Boxes Extra-large hard plastic containers with transparent bodies, multicolor snap lids and deep single-compartment interiors for school, office and creative supplies. Box 01 Pencils Box 02 Markers Box 03 Crayons Box 04 Craft Tools Box 05 Cards Box 06 Accessories Listed Total Storage Capacity 180+ Pencils or similar writing tools 100+ Markers across the six boxes 200+ Crayons across the complete set From Loose Supplies to Organized Storage 01 Separate Divide supplies by type, class or activity. 02 Identify See contents through the transparent body. 03 Close Secure each removable lid with snap closures. 04 Stack Place boxes together to reduce shelf clutter. 2.7" Deeper Than a Standard Slim Pencil Case The tall rectangular interior provides extra room for markers, crayons, scissors and bulk classroom supplies. 06 Frequently Asked Questions How many storage boxes are included? The Multi option includes six extra-large clear plastic boxes with assorted colored lids. What are the approximate dimensions? Each box measures approximately 8.3–8.6 × 5.5 × 2.7 inches. The listed interior measures about 7.8 × 4.9 × 2.4 inches. What material are the boxes made from? They are made from heavy-duty polypropylene plastic with a transparent body. Can the boxes be stacked? Yes. The rectangular bases and lift-off lids are designed for stackable storage. What can be stored inside? They can organize pencils, crayons, markers, scissors, art materials, trading cards and small school supplies. How do the lids close? Each removable lid uses snap closures to help keep stored items contained.
More you might like
Related
Large & Extra Large Clear Acrylic Scrapers
Related
Boardgame Clear Extra Large
Related
Extra Large Clear Vase
Related